Javascript/JQuery: Gallery with very large images. How can I have it on click fade out, load the next image, and then fade in w/ the new image?

Question

Hello, my boss has me working on a website that basically has a very large gallery right in the middle. The way this one part needs to work is that the user clicks a next/prev button, the image fades out, displays a loading spinning image gif, and then fades in with the new image when it's down downloading. I have no idea where to even begin.

I know jquery somewhat, but I'm very new to actual javascript. My only reference book at hand is a copy of "Javascript for Dummies" for 1997. Is this of any use to me at all, or has Javascript changed since then?

Answer 1

There are lots of jQuery plugin for image gallery: Galleria, GalleryView, Pikachoose, and this one.

Or you can search from jQuery plugins page.