Hello there, I have created a simply navigable image gallery with a bit of json, as well as .animate() and altering the margin of elements. Currently, I am pulling in the 5 most recent images with a tag of 'spock' from flickr. It seems to be working fine, except that when clicking through very fast it gets a bit wonky. I am also really curious as to opinions on better ways of doing this? Perhaps there is a way that relies upon the json instead of simply just injecting it into the dom right off the bat?
The basic strategy I employed was to animate the current image off the stage, and then make it invisibe, while also animating the next image onto the stage after making it visible. I have a feeling it's these queued effects/animations that aren't dealing so well with fast clicks. Perhaps the best way to solve this is limit when/how the arrows can be clicked? Any help is greatly appreciated. Thanks! example: http://www.pomona.edu/dev/spock/index.asp js: http://www.pomona.edu/dev/spock/spock-feed.js