Cut & Paste 3-way image slideshow

Home / Free JavaScripts / Image Slideshows & Galleries / Here

Cut & Paste 3-way image slideshow

Description: A versatile image slideshow that can be viewed in three ways- via a drop down menu, back/forward button, or automatically. Cool!

Example:

Directions

Step 1: Copy the below into the <HEAD> of your page:

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Step 2: Where you wish the slideshow to appear inside the BODY, add the following:

<TABLE border="0" cellspacing="0" cellpadding="0"> <TR> <TD> <form name="Oneslideform" > <DIV align="center"> <TABLE width="150" border="1" cellspacing="0" cellpadding="4" bordercolor="#330099"> <TR> <TD bgcolor="#330099"> <DIV align="center"><B><FONT color="#FFFFFF">Image Slideshow</FONT></B></DIV> </TD> </TR> <TR> <TD bgcolor="#FFFFFF"> <DIV align="center"><A href="javascript:Onetransport()"><IMG src="slideimage1.gif" width="90" height="90" name="Oneshow" border="0"></A></DIV> </TD> </TR> <TR> <TD bgcolor="#330099"> <DIV align="center"> <SELECT name="Oneslide" onChange="Onechange();"> <OPTION value="slideimage1.gif" selected>Image 1</OPTION> <OPTION value="slideimage2.gif">Image 2</OPTION> <OPTION value="slideimage3.gif">Image 3</OPTION> </SELECT> </DIV> </TD> </TR> <TR> <TD bgcolor="#330099"> <DIV align="center"> <INPUT type=button onClick="Oneprevious();" value="<<" title="Previous"> <INPUT type=button name="Oneslidebutton" onClick="Oneap(this.value);" value="Start" title="AutoPlay"> <INPUT type=button onClick="Onenext();" value=">>" title="Next"> </DIV> </TD> </TR> </TABLE> </DIV> </form> </TD> </TR> </TABLE> <p>This free script provided by<br /> <a href="http://javascriptkit.com">JavaScript Kit</a></p>

There are two parts inside the script you need to change. Firstly, configure the destination URLs associated with each image inside the code of Step 1. Then, specify the images used inside code of Step 2.

CSS Library | JavaScript & DHTML Menus

JavaScript Tools:

Site Info