Online Version: http://www.onlinetools.org/easyslideshow/
[easyslideshow] 

Info 
    
Easyslideshow allows you to have image shows with for/next buttons or animations that show a new picture every x seconds. All the images are preloaded and you can add and delete images to the show just by adding or deleting their name to a list of images. The only downside is that all images have to have the same dimensions. Easyslideshow runs with any browser of the fourth generation or newer. 

Usage 
    
To use easyslideshow you need to configure it for your needs:

Simply change the array of images on line 17:

theImages="0.gif, 1.gif, 2.gif, 3.gif, 4.gif, 5.gif, 6.gif, 7.gif, 8.gif, 9.gif".split(", "); 

To your desired images, for example:

theImages="mypic.gif, myhouse.jpg, mygarden.gif".split(", ");

Make sure to add a space after each , and end the line with ".split(", ")

To make the function work you need to put am image in your html file that has a name option in it.
Like in the example:

<img src="0.gif" width="40" name="myImage" height="40" alt="" border="0">

easyslideshow are two functions:

Autoplay is the function that allows you to change the image in a certain interval without any user interaction, it is called via:
autoplay(run,srcimage,direction,speed)

and has the following options: 
run
 can be 1 or 0, 1 starts the play, 0 ends it  
srcimage
 defines the image that will be replaced by the others  
direction
 1 forward -1 backward  
speed
 speed in milliseconds  

For example autoplay(1,'myImage',-1,1000) would change the image above every second and go backward through the list.
To stop the show you simply do a autoplay(0).

rotate() is the function that changes the image to the other, it is called via: rotate(srcimage,direction) and has the following options: 
srcimage
 defines the image that will be replaced by the others  
direction
 1 forward -1 backward  

For example rotate('myImage',1) would show the next image in the list. When the list reaches the last image, the first gets displayed again.

For some examples, simply {launch} the demosite 

(c) Christian Heilmann mail:info@onlinetools.org  w3:http://www.onlinetools.org







