Slideshow - billederne lægger sig ved siden af hinanden
Hej EksperterJeg er igang med at implementere et lille slideshow-script på min www. Jeg har fundet koden her på eksperten, men problemet er at billederne lægger sig under hinanden.
Her er koden: (billederne ligger i samme mappe)
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Hampus</title>
<meta name="generator" content="Microsoft FrontPage 5.0">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var slideShowSpeed = 2500;
var crossFadeDuration = 3;
var Pict = new Array();
Pict[0] = 'slideshow/01.jpg'
Pict[1] = 'slideshow/02.jpg'
Pict[2] = 'slideshow/03.jpg'
Pict[3] = 'slideshow/04.jpg'
Pict[4] = 'slideshow/05.jpg'
var tt;
var jj = 0;
var pp = Pict.length;
var preLoad = new Array();
for (ii = 0; ii < pp; ii++) {
preLoad[ii] = new Image();
preLoad[ii].src = Pict[ii];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[jj].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
jj = jj + 1;
if (jj > (pp - 1)) jj = 0;
tt = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</script>
</head>
<body onLoad="runSlideShow()">
<body bgcolor="#E9A119" leftmargin="0" topmargin="0" marginwidth="0" text="black" link="black" alink="black" vlink="black">
<table border="0" cellpadding="20" cellspacing="0" width="313" height="100%" align="left" onload="CSScriptInit();">
<tr>
</font><font color="#a9a9a9" face="Verdana,Arial,Helvetica" size="1">Drage</font></td>
<img src="Drage.jpg" name='SlideShow' width=300 height=240>
<BR><BR>
<img src="Drage 1.jpg" name='SlideShow' width=300 height=240>
<BR><BR>
<img src="Drage 1.jpg" name='SlideShow' width=300 height=240>
</tr>
</table>
</body>
</html>
