Java script slide show tool

GuaranteeHelpAbout MePrivacyResourcesSite MapBlogBuilding a Web Page
 

 

Java Script Slide Show

This java script tool can be used to create slide shows
from 2 to 10 photos or images using either static or animated images


 
web site optimization services

Click the boy icon Slide Show Example for an example of a java script slide show made with this online tool.

The example slide show contains 5 photos which can be played forward or in reverse manually using the Fwd and Rev keys or set to play on Auto.

In Auto mode photos are set to change every 5 seconds.

To design your own slide show enter the location of each image you want to use in your slide show into each of the image URL boxes below.


You may also click the browse button to search for images on your PC. Enter a title for your slide show and a title for each image in the title box.

Enter the size of your images (in pixels) into the Width and Height boxes. Note that each of the images you use must be the same size. Set the Autoplay Delay to the time delay you want between each image appearing in your slide show. In the border properties make any adjustments you want to the many selection choices available, or leave as the defaults.

Click the Generate Java Script button and the Java Script code for your slide show will appear in the text box below. Next click on the Preview Slide Show button and a screen containing your slide show will appear.

Make any adjusts you feel necessary and click on the Color Picker button and use the selection chart to select the correct color codes. Click the Generate Java Script button again and click Preview Slide Show to view the effect of any changes.

If your images do not appear in your slide show, make sure the image you selected is uploaded to the same folder as the page you are using the script on. Also make sure that the "src=" in the code points to the correct location of the image on your web hosting server i.e. src="http://www.yourdomain.com/images/image1.jpg" and not on your hard drive (if you used the Browse button) src="C:\My Images\image1.jpg"

Also make sure that if the image name in the script is in upper-case, that the image on your server is also in upper-case (and vice-versa) as file names are case-sensitive.

To display this Java Script Slide Show Tool
you need a Browser with Java Script support enabled


Slide Show Properties

Slide Show Border CSS PropertiesSlide Show Other Border Properties
Java Script Slide Show Generated Code

Click the " Copy Java Script " button and using Ctrl+C copy the code and Ctrl+V paste it into the body area of your web page where you want the slide show to appear. That's it .... enjoy !

Tony Simpson
Making Your Website Work for You

W3C HTML 4.01 Compliant

More Java Script Tools
Java Script Alert  Java Script Date Time Clock
Java Script Color Picker  Box Drop Down Java Script
Java Script Popup Window

Copyright Tony Simpson © 2005 - Webpageaddons.com - All Rights Reserved.