I have a panorama with an aspect ratio of 7:1 i.e. if I set the image to be 500px high it will be 3500px wide. I want to display this in a window of say 500x700px and have it auto-scroll left to right and repeat. I would like the user to be able to pause and perhaps zoom in on the image. What is the best way to do this?
Neither of these are using Prototype to do their trick – it’s just a JavaScript method at the bottom of the page.
Walter
On May 22, 2014, at 11:54 AM, Mike Sibthorp wrote:
Hi
I have a panorama with an aspect ratio of 7:1 i.e. if I set the image to be 500px high it will be 3500px wide. I want to display this in a window of say 500x700px and have it auto-scroll left to right and repeat. I would like the user to be able to pause and perhaps zoom in on the image. What is the best way to do this?
This is not the final version and I will probably not use it on my website. The idea is to project the image as part of an exhibition and let the public have the mouse.
Looks nice however I would reduce the width of the Scroll Div a bit - maybe to 950px as I am seeing a bit of the image to the right of the poster frame.
Thanks David, as I said, this is not the finished version as I have not taken the photos for it yet! It needs a perfect day and 30 frames on my Canon 400. That will make it something like 20,000 pixels long and viewers will be able to count the bricks. At that stage I will resize the div and the page to whatever the projector will take and make the poster frame to fit that.
There are bells and whistles that I might like, zoom, popup flags on places of interest, but they will have to wait for now.