I'm new to Jquery and trying to achieve what I would assume should be pretty simple: a basic fading slideshow. My goal:

have a list of images that fade from one to the next. once the last images shows, don't fade it but start over from the first image.

<div id="slideshow">
<img src="img1">
<img src="img2">
<img src="img3">
<img src="img4">
</div>

I looked at http://css-tricks.com/snippets/jquery/cycle-through-a-list/. This works, kinda but since I don't fully understand what each line is doing I can't learn it or change it to do what I need.

I've looked at other tutorials on fading slideshows but they don't explain the entire code leavng me going "ok, but what does this part do?" and not getting the desired effect i want.

I know I can copy and paste instead of writing my own but I want to learn how to do this not just borrow code. I'm looking for any help you guys can give.

thanks!