|
Demos: Banner Rotation 01
Small - Large
HEAD CODE
<script language="javascript">
<!--
function loadpage() {
index1 = 0;
listofimages = new Array(9);
listofimages[0] = new Image(768,190)
listofimages[0].src = "banner01b.jpg"
listofimages[1] = new Image(768,190)
listofimages[1].src = "banner02b.jpg"
listofimages[2] = new Image(768,190)
listofimages[2].src = "banner03b.jpg"
listofimages[3] = new Image(768,190)
listofimages[3].src = "banner04b.jpg"
listofimages[4] = new Image(768,190)
listofimages[4].src = "banner05b.jpg"
listofimages[5] = new Image(768,190)
listofimages[5].src = "banner06b.jpg"
listofimages[6] = new Image(768,190)
listofimages[6].src = "banner07b.jpg"
listofimages[7] = new Image(768,190)
listofimages[7].src = "banner08b.jpg"
listofimages[8] = new Image(768,190)
listofimages[8].src = "banner09b.jpg"
thetimer = setTimeout("changeimage()", 6000);
}
function changeimage(){
index1 = index1 + 1
if (index1 == "9") {
index1 = 0
}
imagesource = listofimages[index1].src
window.document.banner1.src = imagesource
thetimer = setTimeout("changeimage()", 6000);
}
function changepage() {
if (index1 == 0) {
newlocation = "http://photographymuseum.com/terry/exhibitstart.html"
}
else if (index1 == 1) {
newlocation = "http://photographymuseum.com/mutter/scottmutterNewGallery.html"
}
else if (index1 == 2) {
newlocation = "http://photographymuseum.com/terry/master1.html"
}
else if (index1 == 3) {
newlocation = "http://photographymuseum.com/terry/shimo.html"
}
else if (index1 == 4) {
newlocation = "http://photographymuseum.com/terry/faceof.html"
}
else if (index1 == 5) {
newlocation = "http://photographymuseum.com/terry/beneaththewrinkle1.html"
}
else if (index1 == 6) {
newlocation = "http://photographymuseum.com/terry/believe1.html"
}
else if (index1 == 7) {
newlocation = "http://photographymuseum.com/terry/pulppix1.html"
}
else if (index1 == 8) {
newlocation = "http://photographymuseum.com"
}
location = newlocation
}
// -->
</script>
BODY CODE
<body onload="loadpage()">
TRIGGER CODE
<A HREF="javascript:changepage()"><img src="banner01b.jpg" alt="Rotating Banner" border=0" name="banner1" width="768" height="190"></A>
|
|
