Newbie jquery question

I’m trying to figure out how to make this gallery work with jquery rather than direct event handlers. I’ve been reading up on it, but I’m still not quite sure where to begin.

What I’d like it to do is replace the main image #central with the source of the rolled over image below in the #thumbs div. If this can be done easily with a fade-in as well that would be a nice bonus.

Note: I used the large image scaled down with html as the thumb. It seems to render fine and gets around needing to preload. It all dynamically generated from a database so why not save a step?



jQuery cycle has the solution for you.

Pause on Hover Demo

I suspect that you’ll want the same solution, but without the auto-advance?