Add the following script into the <head> section of your page: <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var n = 0; timedelay = 3; // 3 secs between pics timedelay *= 1000; windowprops = "top=250,left=15,width=200,height=200"; // customize the popup window here var imgs = new Array(); imgs[0] = "http://www.your-site.com/images/image1.gif"; imgs[1] = "http://www.your-site.com/images/image2.gif"; imgs[2] = "http://www.your-site.com/images/image3.gif"; imgs[3] = "http://www.your-site.com/images/image4.gif"; var page = new Array(); page[0] = "http://www.your-site.com/page1.html"; page[1] = "http://www.your-site.com/page2.html"; page[2] = "http://www.your-site.com/page3.html"; page[3] = "http://www.your-site.com/page4.html"; function hook() { var p = (n == 0) ? page[page.length-1] : page[n-1]; window.open(p,"",windowprops); // or, instead of opening a new window, // send them to the new page instead with: // document.location.href = p; } function rotate() { document.picform.slideshow.src = imgs[n]; (n == (imgs.length - 1)) ? n = 0 : n++; window.setTimeout("rotate()", timedelay); } window.onload = rotate; // End --> </script>
Add the following script into the <BODY> section of your page: <center> <form name=previewselect> <select name=selbox size=1 onChange="CoffeePreview(this)"> <option value="1-small.jpg">Image #1 <option value="2-small.jpg">Image #2 <option value="3-small.jpg">Image #3 <option value="4-small.jpg">Image #4 <option value="5-small.jpg">Image #5 <option value="6-small.jpg">Image #6 </select> <p> <img name="preview" src="1-small.jpg" width=150 height=113 border=1> <p> <input type=button value="view Image" onclick="CoffeeShow(this.form.selbox)"> </form> </center>
Copyright © 2006 background.ir, all rights reserved. Designer: echess design.