jQuery::List of image elements. Trying to make them into a slideshow

Question

I managed to design a small 4x4 grid filled with images. Currently, I am styling the ul element using jQuery.

<ul id="imagegrid">
  <li>
    <img src="...">
  </li>
  <li>
    <img src="...">
  </li>
</ul>

So, when I click an element inside this list it just zooms up and shows as a larger image. Now, if I want to simulate a slideshow, how would I go about doing it? Is there a good way through jQuery? (Using regular javascript, I was thinking of doing it using the setTimetout, but maybe jQuery does it better).

Answer 1

Why go to all this trouble re-inventing the wheel when there are plenty of plugins that people have already created to do this? One that I can think of off the top of my head because I use it is the cycle plugin. There are also lightbox plugins like fancybox that have slideshow options.