BACK

This uses the same photo gallery script but as an external file.

--------------------------------------------------

This script goes in the head section.

--------------------------------------------------

<html>
<head>
<SCRIPT LANGUAGE="JavaScript"
src="../assets/slides/galleryScript.js">
// JS source file
</SCRIPT>

</head>
<title> Whatever </title>

-------------------------------------------

This script goes in the main body

-------------------------------------------

<body onLoad="runSlideShow();">
<td >
<div align="center"><img src="../assets/slides/house1.jpg" name='SlideShow' width=250 height=164 border="4">&nbsp;</div>
</td>
</body>

------------------------------------------

This is the external JavaScript Text
File saved as galleryScript.js

------------------------------------------

var slideShowSpeed = 9000;

var crossFadeDuration = 3;

var Pic = new Array();

Pic[0] = '../assets/slides/house1.jpg'
Pic[1] = '../assets/slides/house2.jpg'
Pic[2] = '../assets/slides/house3.jpg'
Pic[3] = '../assets/slides/barn1.jpg'
Pic[4] = '../assets/slides/wagon.jpg'
Pic[5] = '../assets/slides/barn2.jpg'
Pic[6] = '../assets/slides/wagon2.jpg'
Pic[7] = '../assets/slides/fencepost.jpg'
Pic[8] = '../assets/slides/mill.jpg'
Pic[9] = '../assets/slides/mill2.jpg'
Pic[10] = '../assets/slides/building1.jpg'
Pic[11] = '../assets/slides/tools.jpg'
Pic[12] = '../assets/slides/field.jpg'
Pic[13] = '../assets/slides/springH.jpg'
Pic[14] = '../assets/slides/dam1.jpg'
Pic[15] = '../assets/slides/sign.jpg'

var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}