Med min modifikation i ovennævnte spørgsmål bliver det som auto:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Slideshow</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving;
http://www.eksperten.dk/spm/364870"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
// Slideshow v1.0
//
http://www.dithered.com/javascript/slideshow/index.html// code by Chris Nott (chris@NOSPAMdithered.com - remove NOSPAM)
/* Modified 2003 by roenving
to support multiple slides pr. page
*/
var slideshowImageDirectory = '';
var slideshowImageFiles = new Array('bjergtoppe.jpg','solnedgang.jpg','vinter.jpg','åkander.jpg');
var numSlidesPerPage = 3;
var slideshowSlides = new Array();
var slideshowCurrent = 0;
// Preload slideshow images
function slideshowInit() {
if (document.images) {
for (var i = 0; i < slideshowImageFiles.length; i++) {
slideshowSlides[i] = new Image();
slideshowSlides[i].src = slideshowImageDirectory + slideshowImageFiles[i];
}
}
}
function prevPage(){
for (i=0;i<numSlidesPerPage;i++){
bilde = document.images[i];
slideshowBackward(bilde);
}
}
function nextPage(){
for (i=0;i<numSlidesPerPage;i++){
bilde = document.images[i];
slideshowForward(bilde);
}
}
// Show next slide
function slideshowForward(bilde) {
if (document.images && typeof slideshowSlides != 'undefined') {
slideshowCurrent++;
if (slideshowCurrent >= slideshowSlides.length) slideshowCurrent = 0;
bilde.src = slideshowSlides[slideshowCurrent].src;
}
}
// Show previous slide
function slideshowBackward(bilde) {
if (document.images && typeof slideshowSlides != 'undefined') {
slideshowCurrent--;
if (slideshowCurrent < 0) slideshowCurrent = slideshowSlides.length - 1;
bilde.src = slideshowSlides[slideshowCurrent].src;
}
}
</script>
</head>
<body onload="slideshowInit();setInterval('nextPage()',1000)">
<br>
<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr align="center" valign="top">
<td><img height="150" src="bjergtoppe.jpg"></td>
</tr>
<tr>
<td height="25"> </td>
</tr>
<tr align="center" valign="top">
<td><img height="150" src="solnedgang.jpg"></td>
</tr>
<tr>
<td height="25"> </td>
</tr>
<tr align="center" valign="top">
<td><img height="150" src="vinter.jpg"></td>
</tr>
</table>
</body>
</html>