<!-- AUTO/MANUAL SLIDE SHOW --> <!-- This goes into the HEAD of the html file --> <script language="JavaScript" type="text/javascript"> <!-- Copyright 2001, Sandeep Gangadharan --> <!-- For more free scripts go to http://sivamdesign.com/scripts/ --> <!-- var images = 1; var words = 1; var photos=new Array(); photos[0]="img_1.gif" // change the names of the images in this array to suit your needs photos[1]="img_2.gif" photos[2]="img_3.gif" photos[3]="img_4.gif" photos[4]="img_5.gif" photos[5]="img_6.gif" var message=new Array(); message[0]="1. Type in your own comments here." message[1]="2. Type in your own comments here." message[2]="3. Type in your own comments here." message[3]="4. Type in your own comments here." message[4]="5. Type in your own comments here." message[5]="6. Type in your own comments here." preload=new Image(400,264); // change the numbers at the left to match the size of the images. preload.src="img_1.gif"; preload.src="img_2.gif"; preload.src="img_3.gif"; preload.src="img_4.gif"; preload.src="img_5.gif"; preload.src="img_6.gif"; function cntDwn() { document.change.counter.value=message.length-1; } function back() { if (images > 1) { images--; document.change.slides.src=photos[images-1]; words--; document.change.explain.value=message[words-1]; } if (document.change.theButton.value == "Stop") { window.clearTimeout(TI); } document.change.theButton.value = "Auto"; if (document.getElementById && images<message.length) { document.change.next1.style.color="#000000"; } if (document.getElementById && images==1) { document.change.back1.style.color="#808080"; } document.change.counter.value=parseInt(document.change.counter.value)+1; if (document.change.counter.value>message.length-1) {document.change.counter.value='18'} } function next() { if (photos.length > images) { document.change.slides.src=photos[images]; images++; document.change.explain.value=message[words]; words++; } if (document.change.theButton.value == "Stop") { window.clearTimeout(TI); } document.change.theButton.value = "Auto"; if (document.getElementById && images==message.length) { document.change.next1.style.color="#808080"; } if (document.getElementById && images>1) { document.change.back1.style.color="#000000"; } document.change.counter.value=document.change.counter.value-1; if (document.change.counter.value<=0) {document.change.counter.value='0'} } function auto(msg) { if (photos.length > images) { document.change.slides.src=photos[images]; images++; document.change.explain.value=message[words]; words++; document.change.counter.value=document.change.counter.value-1; if (document.change.counter.value<=0) {document.change.counter.value='0'} } if (msg == "Auto") { document.change.theButton.value = "Stop"; } if (msg == "Stop") { document.change.theButton.value = "Auto"; } if (document.change.theButton.value == "Auto") { window.clearTimeout(TI); image = 1; back(); return true; } TI=window.setTimeout("auto()", 10000); if (images==message.length) { document.change.theButton.value = "Auto"; window.clearTimeout(TI); if (document.getElementById) { document.change.next1.style.color="#808080"} } if (document.getElementById && images>1) { document.change.back1.style.color="#000000"; } } function restart() { back(); document.change.slides.src=photos[0]; images = 1; document.change.explain.value=message[0]; words = 1; if (document.change.theButton.value == "Stop") { window.clearTimeout(TI); } document.change.theButton.value = "Auto"; document.change.counter.value=message.length-1; if (document.getElementById && images==1) { document.change.back1.style.color="#808080"; } } //--> </script> <!-- Note the script in the BODY tag --> <body onLoad="document.change.explain.value=message[0]; restart();"> <!-- This goes into the BODY of the html file --> <table border="0" cellpadding="1" cellspacing="1" align="center"> <tr> <td> <form name="change"> <img src="photos/deepak.gif" width="400" height="264" name="slides"> </td> <td> <td align="center" valign="top" bgcolor="#ffffff"><div align="center"> <textarea name="explain" rows="9" cols="33" wrap="virtual" style="text-align: left; background-color: #ffffff; color: #000000; font-size: 10pt; font-family: ms sans serif, helvetica, sans-serif; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; border-right: #ffffff 0px; border-top: #ffffff 3px solid; border-left: #ffffff 10px solid; border-bottom: #ffffff 3px solid"></textarea><br /> <font face="verdana, arial, helvetica, sans-serif" size="1" color="#000000"> Photos Remaining: <input type="text" size="2" value="" name="counter" style="text-align: center; font-size: 9pt" /><br /> </font> &nbsp;<input type="button" value="&lt;&lt; Back" name="back1" title="&lt;&lt; Back" onClick="back()" class="button_1" /> <input type="button" value="Next &gt;&gt;" name="next1" title="Next &gt;&gt;" onClick="next()" class="button_1" />&nbsp;&nbsp; <input type="button" value="Restart" title="Restart" onClick="restart()" class="button_1" /> <input type="button" name="theButton" value="Auto" title="Auto" onClick="auto(this.value)" class="button_1" /><br /></div> </form> <font face="verdana, arial, helvetica, sans-serif" size="1" color="#000000"> For the script that runs this Slide Show and many other free scripts, go to: <a href="http://www.sivamdesign.com/scripts/" title="The JavaScript Page: For 150+ free JavaScripts!"><b>The JavaScript Page!</b></a> </font> </td> </td> </tr> </table>