gSlideshowInterval = 5;
gNumberOfImages = 5;
gImages = new Array(gNumberOfImages);
gImages[0] = "yumtiholidays.jpg";
gImages[1] = "yumtiholidays1.jpg";
gImages[2] = "yumtiholidays2.jpg";
gImages[3] = "yumtiholidays3.jpg";
gImages[4] = "yumtiholidays4.jpg";
function canManipulateImages() {
if (document.images)
return true;
else
return false;
}
function loadSlide(imageURL) {
if (gImageCapableBrowser) {
document.yhol.src = imageURL;
return false;
}
else {
return true;
}
}
function nextSlide() {
gCurrentImage = (gCurrentImage + 1) % gNumberOfImages;
loadSlide(gImages[gCurrentImage]);
}
gImageCapableBrowser = canManipulateImages();
gCurrentImage = 0;
setInterval("nextSlide()",gSlideshowInterval * 1000);
// -->
</SCRIPT>
gSlideshowInterval = 5;
gNumberOfImages = 5;
gImages = new Array(gNumberOfImages);
gImages[0] = "yumtilicious.jpg";
gImages[1] = "yumtilicious1.jpg";
gImages[2] = "yumtilicious2.jpg";
gImages[3] = "yumtilicious3.jpg";
gImages[4] = "yumtilicious4.jpg";
function canManipulateImages() {
if (document.images)
return true;
else
return false;
}
function loadSlide(imageURL) {
if (gImageCapableBrowser) {
document.ylic.src = imageURL;
return false;
}
else {
return true;
}
}
function nextSlide() {
gCurrentImage = (gCurrentImage + 1) % gNumberOfImages;
loadSlide(gImages[gCurrentImage]);
}
gImageCapableBrowser = canManipulateImages();
gCurrentImage = 0;
setInterval("nextSlide()",gSlideshowInterval * 1000);
// -->
</SCRIPT>
</head>
<body>
<td align="center"><a href="yumtiholidays.html"><img src="yumtiholidays.jpg" alt="Maldives" width="300" height="167" border="0" name="yhol" /></a></td>
<td align="center"><a href="yumtilicious.html"><img src="yumtilicious.jpg" alt="Feed me" width="300" height="167" border="0" name="ylic" /></a></td>
When I only put in the first javascript for yumtiholidays the images rotate fine but the moment I put in the second for yumtilicious the one stops working. Also I need to have it activated by the mouseover function.
