continuous horizontal scroll of 360 degree panoramic image

[Greg N.]

I want to automatically scroll an image horizontally, in a continuous,
seamless way.

When the page is first displayed, it should show the left part of the
image, as much of it as would fit in the image display area. Then, it
should scroll it horizontally by moving the image to the left. When the
right end of the image is reached, the image should repeat seamlessly.

The photograph in question is a 360 degree panoramic image. The effect
I want to achieve is that of a permanently and slowly rotating video
camera.

Any hints as how to implement that? The html marquee tag does not cut
it at all.

Any and all help highly appreciated.

Greg

 

[fox]

use 2 copies of your image edge to edge... when you get all the way
through the first one and 1 "frame's" worth (minus the "last move") into
the second -- snap back to the starting point.

here's a demo:
http://fxmahoney.com/demo/pano/?pick=1

you can use pick=2 and 3 as well...

top view is clipped to a "viewer" -- bottom view shows the "behind the
scenes" action...

view source for the code

for the smoothest animation, use an offset that is evenly divisible into
the total width of the image layer...

fox