Probs med slideshow
Jeg har ikke meget forstand på js, men jeg har fundet et script til dias, som virker.Nu vil jeg gerne have to dias kørende på den samme side, så jeg har kopieret scriptet, men brugt nye variabler til nr. 2 script, så de ser ud som herunder. Men kun det første kører.
Hvad gør jeg galt?
<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>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var slideSpeed = 2500;
var crossDuration = 3;
var Pic = new Array();
Pic[0] = 'slideshow/06.jpg'
Pic[1] = 'slideshow/07.jpg'
Pic[2] = 'slideshow/08.jpg'
Pic[3] = 'slideshow/09.jpg'
Pic[4] = 'slideshow/10.jpg'
var ttt;
var jjj = 0;
var ppp = Pic.length;
var preL = new Array();
for (iii = 0; iii < ppp; iii++) {
preL[iii] = new Image();
preL[iii].src = Pic[iii];
}
function runSlide() {
if (document.all) {
document.images.Slide.style.filter="blendTrans(duration=2)";
document.images.Slide.style.filter="blendTrans(duration=crossDuration)";
document.images.Slide.filters.blendTrans.Apply();
}
document.images.Slide.src = preLoad[jjj].src;
if (document.all) {
document.images.Slide.filters.blendTrans.Play();
}
jjj = jjj + 1;
if (jjj > (ppp - 1)) jjj = 0;
ttt = setTimeout('runSlide()', slideSpeed);
}
// End -->
</script>
<body onLoad="runSlideShow()" onLoad="runSlide()">
<img src="slideshow/01.jpg" name='SlideShow' width=130 height=170>
<BR><BR>
<img src="slideshow/06.jpg" name='Slide' width=130 height=170>
