Posted: Monday 21st of January 2013

To build a website or system with animation or flash is a major factor that every web developer or designer will always want to put into consideration hence this tutorial.

The tutorial teaches you how to create a simple but powerful auto-image slide show using CSS, Jquery and PHP.

The system uses the trigger event to auto scroll or simulates a click on the next image button to slide the images.

The system uses the mouseenter event to pause the slide show and uses the mouseleave event to play or start the slide show again.

The system supports all browsers and the script is very easy to understand and customize with good programming code comments to ease usability.

No configuration is required to install the system on your server.

All you need to do is to download the zipped folder containing the required files, upload and extract the folder to your server and finally locate the folder via a web browser and you are done.

To see the system in action, please click on the Live Demo button below and download if you like what you see.

Download Live Demo