Graphic >>> Image Slideshow.


		<script 
		language="javascript"
		type="text/javascript">

		/* Visit http://www.yaldex.com/ 
		for full source code

		and get more free JavaScript, CSS and DHTML scripts! */

		<!-- 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>

		<center>

		<form
		name=slideform>

		<table
		cellspacing=1
		cellpadding=4
		bgcolor="#000000">

		<tr>

		<td 
		align=center
		Background=../graphics/grayback.jpg>

		<b>Image 
		Slideshow</b>

		</td>

		</tr>

		<tr>

		<td 
		align=center>

		<img
		src="toad.jpg"
		name="show"
		width=330
		height=190>

		</td>

		</tr>

		<tr>

		<td 
		align=center
		bgcolor="#C0C0C0">

		<select
		name="slide"
		onChange="change();">

		<option 
		value="toad.jpg"
		selected>Toad

		<option
		value="chameleon.jpg">Chameleon

		<option
		value="lizard.jpg">Lizard

		<option
		value="Gecko.jpg">Gecko

		</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>