[jQuery] Re: Long Image Scroller (jCarousel)
I declare you a God. It works although I still need to change it from being a background image to a div that changes position but this has helped me and has most definitely given me ideas. You may see it in action at http://www.myfuche.com/ Thanks Liam. On Jan 29, 11:41 pm, Liam Byrne l...@onsight.ie wrote: 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
[jQuery] Re: Long Image Scroller (jCarousel)
Glad to help! Use the background-image approach is only to make calculating the position easier - it allows you to use percentages and avoid messy calculations. But as long as it was some help to you. Liam Sbudah wrote: I declare you a God. It works although I still need to change it from being a background image to a div that changes position but this has helped me and has most definitely given me ideas. You may see it in action at http://www.myfuche.com/ Thanks Liam. On Jan 29, 11:41 pm, Liam Byrne l...@onsight.ie wrote: 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 No virus found in this incoming message. Checked by AVG - http://www.avg.com Version: 8.0.176 / Virus Database: 270.10.16/1925 - Release Date: 30/01/2009 07:37
[jQuery] Re: Long Image Scroller (jCarousel)
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