MUCH simpler than that.
1) Put the image into the background of the 500px div
2) Capture / track the mouse position
3) Divide the x-position by 5
4) Use that to set the x-axis percentage of the background position
Just make sure you set the IE6 background image cache so that it doesn't
flicker in that browser.
Liam
Sbudah wrote:
Hi Guys,
I have a long image that is about 2200 px wide that I need to display
within a 500px div. I need a solution similar to jCarousel (Lite) that
would allow users to scroll horizontal either using a Mouse Wheel or
simply hover a button (preferably right or left half of the image to
move to the sides).
So far I have managed to do it if I cut the image into pieces and use
jCarousel Lite (with Fraction Config) to scroll but I need something
that would scroll through the whole image without cutting it.
I'd hate to use Flash; please help!
Thanks,
Sbudah
------------------------------------------------------------------------
No virus found in this incoming message.
Checked by AVG - http://www.avg.com
Version: 8.0.176 / Virus Database: 270.10.15/1923 - Release Date: 29/01/2009 07:13
