473,320 Members | 2,054 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

continuous horizontal scroll of 360 degree panoramic image

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

Jul 23 '05 #1
1 10582
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
Greg N. wrote:
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

Jul 23 '05 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Nishant | last post by:
I have a combo box with a horizontal scroll bar. (Used SetHorizontalExtent) The dropdown with horizontal scroll bar works fine when I have more items in the dropdown list. However when the...
4
by: justdummy | last post by:
Hi, I am struggling with a problem for sometimes. I need to display a table in a html and if the height of the table goes beyond 200 px then a vertical scrollbar should alone appear without any...
2
by: Boaz Ben-Porat | last post by:
Hi all Is there a way to simulate a click on a scrollbar (horizontal) of a FataGrid ? I need to programmatically scroll the grid to the right/left upon some condition, when the total width of...
3
by: lolo | last post by:
hello. happy new year. I'm trying to build a website for my wife and she is adament on having a horizontal thumbnail scrolling div. great. I have a good vertical scrolling thing, but can't...
5
by: RobertK | last post by:
I have a table that displays one row of images (thumbnails). When a user clicks on an image it opens up a bigger image below it. The row has about 20 cells. I have a <divtag which allows the user...
4
tpgames
by: tpgames | last post by:
I need a code that forces all people's firefox browsers to give them a horizontal scroll bar regardless of what their tool bars and other factors tell the browser to do. I have a crossword puzzle...
1
by: karanmymatrix | last post by:
Req Code For Horizontal Bar Attach To Image Thumbnail. With Every Change In Horizontal Bar ,it Scroll To New Image In Thumbnaiil !!! Plz Give Code For Same As Early As Possible!!!
12
by: ryrocks | last post by:
Hello everyone! Im having a little trouble with my horizontal scrolling set of video thumbnails. I've got 6 video thumbnails that the user scrolls through horizontally, I've got this working...
1
by: amuven | last post by:
Hi All, I need to put a horizontal scroll bar for 4 cells alone where my first cell in table should not contain any horizontal scroll bar . In clear, let us say there are 5 columns in my...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.