Ik had van internet een voorbeeld van een slideshow gehaald. Nu doet hij het wel maar begint hij niet automatisch.
Ik wil hem nu graag automatisch laten gaan zonder pop-up.
Alvast bedankt,
Rick
Ik wil hem nu graag automatisch laten gaan zonder pop-up.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Site</title>
<script type="text/javascript" src="slideshow.js"></script>
</head>
<body onload="runSlideShow()">
<table align="center" border="0" width="960px" cellpadding="0" cellspacing="0">
<tr>
<td height="50px" colspan="2" width="960px">
</td>
</tr>
<tr>
<td colspan="2" height="220px" width=960px >
<img src="slideshow1.gif" name="slideshow" width="960px" height="220px">
</td>
</tr>
<tr>
<td width="180px" height="500px"></td>
<td width="617px" height="500px"</td>
</tr>
<tr>
<td colspan="2" height="30px"></td>
</tr>
</table>
</body>
</html>
Code:
NewImg = new Array (
"slideshow1.gif",
"slideshow2.gif",
"slideshow3.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 = true;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}
// End -->Alvast bedankt,
Rick
