Image slider

Here's a simple image slider written 100% in JavaScript and jQuery. In converts any div elements of class "image-slider" containing img elements into a slider like the one below. You can use your own CSS rules to give the next/prev links a nicer style and make a frame around the image. The images should all be the same size for it to work properly. The code is in our Subversion repository here.

In the wiki you can use image links as follows:

<xml> </xml>

Or in a pure HTML environment you just use image links like this, and add the code into the head element of the HTML (of course this assumes that the images are in the same location as the HTML):

<xml> <img src="Butterfly3.jpg" /> <img src="YellowButterfly.jpg" /> <img src="MonarchOnPinkTree3.jpg" /> <img src="Butterfly1.jpg" /> </xml>

Here's a working example: