Button Control Slideshow

SAMPLE

Slideshow


BACK	NEXT

DETAILED INSTRUCTIONS

Enter data in to the fields below, click submit, and then CCP the script in to a HTML file. Requres images of the same size.

Width:	Height:
Cover URL:	Caption:
Picture URL:	Caption:

then copy (CMD-C) & paste (CMD-V)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Slideshow</title> <html><head> <SCRIPT LANGUAGE="JavaScript"> var num=1 img1 = new Image () img1.src = "" img2 = new Image () img2.src = "" img3 = new Image () img3.src = "" img4 = new Image () img4.src = "" img5 = new Image () img5.src = "" img6 = new Image () img6.src = "" img7 = new Image () img7.src = "" text1 = "" text2 = "" text3 = "" text4 = "" text5 = "" text6 = "" text7 = "" function slideshowUp() { num=num+1 if (num==8) {num=7} document.mypic.src=eval("img"+num+".src") document.joe.burns.value=eval("text"+num) } function slideshowBack() { num=num-1 if (num==0) {num=1} document.mypic.src=eval("img"+num+".src") document.joe.burns.value=eval("text"+num) } </SCRIPT>  </head> <body bgcolor="#000000" text="#ffffff" link="#ffff00" font-size="10"> <div align="center"> <img src="" name="mypic" height="" width=""> <br /> <table border="2" cellspacing="4" cellpadding="2"> <tr><td bgcolor="#ff0000" colspan="2"> <form name="joe"> <span style="font: bold; color:0000ff; font-size:23pt"><textarea cols=25 rows=2 wrap="physical" name="burns" autoactivate nohighlight usestyle cursor="gold" growable value=""></textarea></span></form> </td></tr><tr><td bgcolor="#ff0000" gradcolor="#00000" gradangle="180" align="center"> <a href="JavaScript:slideshowBack()"><span style="font:bold x-large; color:0099ff">BACK</span></a> </td> <td bgcolor="#ff0000" gradcolor="#00000" gradangle="180" align="center"> <a href="JavaScript:slideshowUp()"><span style="font:bold x-large; color:0099ff">NEXT</span></a> </td></tr></table></div></body></html>