Menu
Hi: I am using the javascript at [url]http://javascript.internet.com/miscellaneous/image-slideshow.html
=====================
<!– TWO STEPS TO INSTALL IMAGE SLIDESHOW:
1. Copy the coding into the HEAD of your HTML document2. Add the last code into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE=”JavaScript”>
<!– Original: Ricocheting (
<!– Web Site: [url]http://www.ricocheting.com
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! [url]http://javascript.internet.com
<!– Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = –current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == “Stop”) ? “Start” : “Stop”;
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == “Stop”) {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout(“rotate()”, rotate_delay);
}
}
// End –>
</script>
</HEAD>
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
<BODY>
<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor=”#000000″>
<tr>
<td align=center bgcolor=”white”>
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor=”white” width=200 height=150>
<img src=”cart.gif” name=”show” [COLOR=red]HEIGHT=420 WIDTH=590
</td>
</tr>
<tr>
<td align=center bgcolor=”#C0C0C0″>
<select name=”slide” onChange=”change();”>
<option value=”cart.gif” selected>Cart
<option value=”aat.gif”>AAT
<option value=”boat.gif”>Boat
<option value=”enterprise.gif”>Enterprise
<option value=”ewing.gif”>E-Wing
<option value=”f18.gif”>F-18
<option value=”klingon.gif”>Klingon
<option value=”landingcraft.gif”>Landing Craft
<option value=”hoverracer.gif”>Hover Racer
<option value=”sith.gif”>Sith
</select>
</td>
</tr>
<tr>
<td align=center bgcolor=”#C0C0C0″>
<input type=button onClick=”first();” value=”|<<” title=”Beginning”>
<input type=button onClick=”previous();” value=”<<” title=”Previous”>
<input type=button name=”slidebutton” onClick=”ap(this.value);” value=”Start” title=”AutoPlay”>
<input type=button onClick=”next();” value=”>>” title=”Next”>
<input type=button onClick=”last();” value=”>>|” title=”End”>
</td>
</tr>
</table>
</form>
</center>
<p><center>
<font face=”arial, helvetica” size=”-2″>Free JavaScripts provided<br>
by <a href=”http://javascriptsource.com”>The JavaScript Source</a></font>
Thanks
Ray