Slideshow

Making a slieshow with only one html code is really cool and easy.

The code below is the code of the slideshow. You have to put it on the page you want the slideshow. Keep reading and I will show you how to customize it a little bit.
<script type=\'text/javascript\'> // set slideshow speed in seconds var speed = 3; // set transition duration in seconds (only for ie 5.5+) var duration = 2; // set transition effect (only for ie 5.5+) var transition = \'progid:DXImageTransform.Microsoft.Fade(Duration=\'+duration+\')\'; set=setTimeout; var images = new Array(); // url to your images images[0] = \'URL1HERE\'; images[1] = \'URL2HERE\'; images[2] = \'URL3HERE\'; // do not edit anything below this line var preload = new Image(); for (var i = 0; i < images.length; i++) { preload[i] = new Image(); preload[i].src = images[i]; } document.write(\'<img src=\'+preload[0].src+\' name="slideShow">\'); var j = 0; function run() { if (document.all) { document.images.slideShow.style.filter=transition; document.images.slideShow.filters[0].Apply(); } document.images.slideShow.src = preload[j++].src; if (document.all) { document.images.slideShow.filters[0].Play(); } if (j == images.length) { j = 0; } set(\'run()\', speed * 1000); } </script> <body onload='run()'> 
// url to your images
images[0] = ‘URL1HERE’;
images[1] = ‘URL2HERE’;
images[2] = ‘URL3HERE’;
You all see that part? Well replace the URL-HERE with the urls of your images. If you have more than three images to put in the slideshow, you can add another images[number-here] = ‘URL1HERE’; one like that below the others. But replace the “numer-here” by the number that follow the past one.
You should also see that:
// set slideshow speed in seconds
var speed = 3;

// set transition duration in seconds (only for ie 5.5+)
var duration = 2;

You can change the Variation Speed and the Variation Duration
Then you’re done. You have your awesome slideshow.

Navigation

Intro

My Stars

Stats

Newest Vid.

Slideshow