[jQuery] Virtual content wrap around effect
Hi There,
I've built this site over here: http://www.blazemelbourne.com.au/
It's a portfolio for an advertising agency I freelance for (please
don't hate me! I need to feed my family...).
The site is built with jquery and powered by Drupal.... The gallery.js
script controls the interactive features and animation. The only
problem with it at the moment is the images don't wrap around (have a
look and you'll see what I mean). I've just placed (in a clunky hacky
way) large 800px wide jpegs at the begining and the end of the image
band so it looks like they reach all the way to the end of the screen.
Although it is quite effective, it constantly leaves users wondering
why they can't click on some of the pictures.
Is it possible to use some kind of a wrap around effect in pure js? So
the last image starts off before the first image, so you could
effectively click "next" as much as you wanted and the images would
keep going around in circles. Maybe it would have to use AJAX?
It's possible to do it in Flash, though I haven't done it myself, I
have seen other sites which have done it: http://www.pitchblack.net.au/
Any advice or comments on my code and the site in general would be
much appreciated. It's my first decent use of jquery, and I am so
hooked now! Truly great software it is.