ImageSlider 2.0: new fade-in-fade-out for your images
Fourth generation image-slider-script.
Great fade-in-fade-out-effect for your all your image-presentations, diashows etc.
New features: unique links for each image, simplified configuration, cross-browser.
Configure the script:
The trick of this script is a very long (1800 pixels) and very thin (17 pixels) gif-image.
In this sample the gif-image is called 'imgcover1800px.gif'.
This gif-image consists of two colors only : black and white stripes. The black strips are set to transparent. By wiping this gif-image back and forth over your pictures you get the illusion of a fade-in-fade-out-effect. Try new effects by crating new gif-images!
Copy the script-block into the head-section of your HTML-file.
Copy the div-blocks 'text' and 'cover' into the body-section of your HTML-file. Do not forget to include the little script-block inside the div-block 'cover'!!!
Copy the style-block into the head-section of your HTML-file.
Copy the image-file 'imgcover1800px.gif' and put it into the same directory as your HTML-file.
Insert 'style="width:100%;overflow-x:hidden;overflow-y:scroll" onLoad="init()"' right into the body-tag.