Webtrans1: Web Design + Content Management Systems

DEMOS | SLIDE SHOW

Package Contents:

package content

DOWNLOAD

Description:

This customizable slide-show automatically loops through any series of 'jpg' images of any sizes and number, fading each image in and out. The slide-show is plain: no control buttons.
The slide show validates against HTML 4.01 Transitional and CSS standards: Valid HTML 4.01 Transitional Valid CSS!

Customization:

Background color - defaults to black.
Speed (time between each image) - defaults to 3 seconds.
Margin (space around the images) - defaults to 20 pixels.

Requirements:

Your hosting server must support PHP.

Setup and Installation:

1. Unzip and open the folder "slide_show". To customize, open "parameters.txt" in Dreamweaver or in a simple text editor (such as NotePad) and edit the parameters values: background color, speed, and margin. Save "parameters.txt".
2. Replace the content of the "images" folder with the images of your choice. You can use as many images as you want. Images can have different sizes; the overall width and height of the slide-show will automatically match the widest and the tallest image, plus the margin specified in "parameters.txt".
3. Copy and paste the following line (code also provided in "READ_ME.txt") in your page code, before the closing </head> tag:
<script type="text/javascript" src="slide_show/slide_show.js"></script>
4. Copy and paste this code (code also provided in "READ_ME.txt"), where you want the slide show to appear:
<div id="slideShow">
<script type="text/javascript">
var so=new SWFObject("slide_show/slide_show.swf","flashMovie","350","350","7","#ffffff");
so.write("slideShow");
</script>
<noscript>
<p>You must enable Javascript to view this content.</p>
</noscript>
</div>

5. Save your page.

6. Upload your page and the folder "slide_show" to the same directory on your host.

> Download (slide_show.zip, 82 KB)