Simple Image Slideshow

[samo1215]

I am trying to create a simple image slide show in javascript with the aid of jquery. I have been reading tutorials and looking at code and while I understand the basics of javascript and how jquery works I have no idea how to actually put them to use to create this simple task.

All I want to do is take an unordered list of 5 images and cycle through them, preferably by fading one image into the next. I don't need any fancy options or features and the images will already be properly sized. Any guidance on how to get started would be greatly appreciated.

I should mention that I don't want to use a plugin or copy somebody's code, I want to understand how to do this myself.

[BlaineSch]

From what I can tell you want 1 image showing at once, then it to keep changing right?

You can get a div and set the first one as a background, put all the images into an array, then using the div's id you can change the background and size of the div. If you get started with anything and have more specific questions it will be easier for us to help you out.

[xXHalfSliceXx]

JQuery Cycle Plugin

A Simple jQuery Slideshow | Jon Raasch's Blog

[NatalieM]

After doing as BlaineSch said, you can then add a timeout function (setTimeout) to change the image every 5000ms or whatever time you choose.

[Ronin]

The cycle plugin in mentioned above works well. I've used it once or twice.

[xXHalfSliceXx]

Good, I may test it out sometime soon also.