<style type="text/css"> #slideshowContainer{ width: 300px; height: auto; } #numberDiv a{ font: bold 14px Arial; text-decoration: none; } #backforthbuttons{ margin-top: 6px; } </style> <script type="text/javascript"> // Index It Image Slideshow script- By JavaScriptKit.com // For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/ // This notice must stay intact for use //Specify images for slideshow: //["Image Path", "Optional Image link"] var numberslide=new Array() numberslide[0]=["plane1.gif", "http://www.google.com"] numberslide[1]=["plane2.gif", ""] numberslide[2]=["plane3.gif", ""] numberslide[3]=["plane4.gif", ""] numberslide[4]=["plane5.gif", ""] var mylinktarget="" //specify optional link target var mylinkcolor="navy" //specify default color of number links var mylinkcolorSelected="red" //specify color of selected links var imgborderwidth=0 //specify border of image slideshow /////Stop customizing here//////////////// var preloadit=new Array() for (i=0;i<numberslide.length;i++){ preloadit[i]=new Image() preloadit[i].src=numberslide[i][0] } var currentindex="" function changeslides(which){ var imghtml="" currentindex=(which=="initial")? 0 : parseInt(which) var mode=(which=="initial")? "initial" : "" var which=(mode=="initial")? numberslide[0] : numberslide[which] if (which[1]!="") imghtml='<a href="'+which[1]+'" target="'+mylinktarget+'">' imghtml+='<img src="'+which[0]+'" border="'+imgborderwidth+'">' if (which[1]!="") imghtml+='</a>' if (mode=="initial") document.write('<div>'+imghtml+'</div>') else{ document.getElementById("imagecontainer").innerHTML=imghtml changecolors() } } function createnumbers(){ document.write('<a href="javascript:changeslides(0)" style="color:'+mylinkcolorSelected+'">0</a> ') for (i=1; i< numberslide.length; i++) document.write('<a href="javascript:changeslides(\''+i+'\')">'+i+'</a> ') } function changecolors(){ var numberobj=document.getElementById("numberDiv") numberlinks=numberobj.getElementsByTagName("A") for (i=0; i<=currentindex; i++) numberlinks[i].style.color=mylinkcolorSelected for (i=currentindex+1; i<numberslide.length; i++) numberlinks[i].style.color=mylinkcolor } function goforward(){ if (currentindex<numberslide.length-1) changeslides(currentindex+1) } function goback(){ if (currentindex!=0) changeslides(currentindex-1) } </script>

<div id="slideshowContainer"> <div id="imagecontainer"> <script type="text/javascript"> changeslides("initial") //This call displays the first image </script> </div> <div id="numberDiv"> <script type="text/javascript"> createnumbers() //This call writes out the numbers </script> </div> <div id="backforthbuttons"> <a href="javascript:goforward()" style="float: right"><img src="blueright.gif" border="0"></a> <a href="javascript:goback()"><img src="blueleft.gif" border="0"></a> </div> <p style="font: normal 11px Arial">This free script provided by<br /> <a href="http://www.javascriptkit.com">JavaScript Kit</a></p> </div>