ADVANCED COMPUTER
JAVASCRIPT STUDY SHEET - HAND OUT # 3
I.
JAVASCRIPT “SLIDE SHOW”
<SCRIPT>
imgArray
= new Array(4);
imgArray[0]
= new Image;
imgArray[0].src
= “lions.gif”;
imgArray[1]
= new Image;
imgArray[1].src
= “tigers.gif”;
imgArray[2] = new Image;
imgArray[2].src
= “bears.gif”;
imgArray[3]
= new Image;
imgArray[3].src
= “ohmy.gif”;
index
= 0 ;
function
doBack( )
{
if (index > 0)
{
index--;
document.slideshow.src
= imgArray[index].src;
}
return;
}
function
doNext( )
{
if (index < 3)
{
index++;
document.slideshow.src
= imgArray[index].src;
}
return;
}
</SCRIPT>
<BODY>
<IMG SRC = “lions.gif”
NAME = “slideshow”
WIDTH = 400
HEIGHT = 200 >
<p>
<H3>
<A HREF = javascript:doBack( )
>Back</A>
<A HREF = javascript:doNext(
)>Next</A>
</h3>
</CENTER>
</BODY>
</HTML>