matharchod/basic_slideshow.js

## basic_slideshow.js

<!-- TWO STEPS TO INSTALL BASIC SLIDESHOW:

  1.  Copy the coding into the HEAD of your HTML document
  2.  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:  Mike Canonigo (mike@canonigo.com) -->
<!-- Web Site:  http://www.munkeehead.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
NewImg = new Array (
"images/1.gif",
"images/2.gif",
"images/3.gif"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//Time delay between Slides in milliseconds
var delay = 3000;

var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
   }
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
   }
}
//  End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<img src="images/1.gif" name="slideshow">
<table>
<tr>
<td align="right"><a href="javascript:chgImg(-1)">Previous</a></td>
<td align="center"><a href="javascript:auto()">Auto/Stop</a></td>
<td align="left"><a href="javascript:chgImg(1)">Next</a></td>
</tr>
</table>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  1.73 KB -->

	<!-- TWO STEPS TO INSTALL BASIC SLIDESHOW:

	1. Copy the coding into the HEAD of your HTML document
	2. 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: Mike Canonigo (mike@canonigo.com) -->
	<!-- Web Site: http://www.munkeehead.com -->

	<!-- This script and many more are available free online at -->
	<!-- The JavaScript Source!! http://javascript.internet.com -->

	<!-- Begin
	NewImg = new Array (
	"images/1.gif",
	"images/2.gif",
	"images/3.gif"
	);
	var ImgNum = 0;
	var ImgLength = NewImg.length - 1;

	//Time delay between Slides in milliseconds
	var delay = 3000;

	var lock = false;
	var run;
	function chgImg(direction) {
	if (document.images) {
	ImgNum = ImgNum + direction;
	if (ImgNum > ImgLength) {
	ImgNum = 0;
	}
	if (ImgNum < 0) {
	ImgNum = ImgLength;
	}
	document.slideshow.src = NewImg[ImgNum];
	}
	}
	function auto() {
	if (lock == true) {
	lock = false;
	window.clearInterval(run);
	}
	else if (lock == false) {
	lock = true;
	run = setInterval("chgImg(1)", delay);
	}
	}
	// End -->
	</script>

	</HEAD>

	<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

	<BODY>

	<img src="images/1.gif" name="slideshow">
	<table>
	<tr>
	<td align="right"><a href="javascript:chgImg(-1)">Previous</a></td>
	<td align="center"><a href="javascript:auto()">Auto/Stop</a></td>
	<td align="left"><a href="javascript:chgImg(1)">Next</a></td>
	</tr>
	</table>

	<p><center>
	<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
	by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
	</center><p>

	<!-- Script Size: 1.73 KB -->