Hallo,
ik heb op internet een volgens mij wel vaker bekend scriptje gevonden om een slideshow in je website te implementeren. Deze werkt ook prima.
Ik wil nu echter twee slideshows synchroon naast elkaar laten lopen, maar weet niet wat ik nu precies moet aanpassen in het script. Het moeten namelijk wel 2 verschillende fotoreeksen zijn.
Dit is het script:
********* In de HEAD ********
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 7000;
// Duration of crossfade (seconds)
var crossFadeDuration = 4;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'afbeeldingen/afbeelding1.jpg'
Pic[1] = 'afbeeldingen/afbeelding2.jpg'
Pic[2] = 'afbeeldingen/afbeelding3.jpg'
Pic[3] = 'afbeeldingen/afbeelding4.jpg'
Pic[4] = 'afbeeldingen/afbeelding5.jpg'
Pic[5] = 'afbeeldingen/afbeelding6.jpg'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad = new Image();
preLoad.src = Pic;
}
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[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</script>
************************************
VERANDER <BODY> IN <body onLoad="runSlideShow()">
********* IN DE BODY ***********
<img src="afbeeldingen/afbeelding1.jpg" name="SlideShow" >
Wie kan mij helpen?
ik heb op internet een volgens mij wel vaker bekend scriptje gevonden om een slideshow in je website te implementeren. Deze werkt ook prima.
Ik wil nu echter twee slideshows synchroon naast elkaar laten lopen, maar weet niet wat ik nu precies moet aanpassen in het script. Het moeten namelijk wel 2 verschillende fotoreeksen zijn.
Dit is het script:
********* In de HEAD ********
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 7000;
// Duration of crossfade (seconds)
var crossFadeDuration = 4;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'afbeeldingen/afbeelding1.jpg'
Pic[1] = 'afbeeldingen/afbeelding2.jpg'
Pic[2] = 'afbeeldingen/afbeelding3.jpg'
Pic[3] = 'afbeeldingen/afbeelding4.jpg'
Pic[4] = 'afbeeldingen/afbeelding5.jpg'
Pic[5] = 'afbeeldingen/afbeelding6.jpg'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad = new Image();
preLoad.src = Pic;
}
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[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</script>
************************************
VERANDER <BODY> IN <body onLoad="runSlideShow()">
********* IN DE BODY ***********
<img src="afbeeldingen/afbeelding1.jpg" name="SlideShow" >
Wie kan mij helpen?
