Javascript banner rotator vraag

**Bastiaan meerpaal** · 25-05-2010, 23:17

Hey allemaal,

heb van het internet een scriptje geplukt en deze zo aangepast zodat
die banner plaatjes in synchronische volgorde om de beurt worden weergeven.

Dus van banner0.gif t/m banner3.gif

Nu doet het script het volgende:

banner0.gif - Eerste word weergeven
banner1.gif - Tweede word overgeslagen
banner2.gif - Derde word weergeven
banner3.gif - Laatste word weergeven

als de laatste is geweest begint het rijtje weer bij 0.
waaraan kan dit probleem liggen want ik zie het niet.

Alvast bedankt!

mvg,
Bastiaan

PHP Code:



<head>
<script type="text/javascript">

var imageCount = 4; 
var seconds = 5; 
var count = 0;

function changeImage(createLoop){

var img = document.getElementById("rotatingImage");

img.src="banner" + count + ".gif";

count = count+1;

if (count == (imageCount - 1)){
count = 0;
}

if(createLoop){
setTimeout("changeImage(true)", seconds * 1000);
}
}
</script>
</head>

<body onload="changeImage(true)">

<img id="rotatingImage" name="image" src="" width="620" height="381" alt="test" />


</body>

**Tjerk de Heer** · 26-05-2010, 10:20

Code:

<head>

<script type="text/javascript">

var imageCount = 4; 

var seconds = 5; 

var count = 0;

function changeImage(createLoop){

    var img = document.getElementById("rotatingImage");

    img.src="banner" + count + ".gif";

    count = count+1;

    if (count == imageCount){

        count = 0;

    }

    if(createLoop){

        setTimeout("changeImage(true)", seconds * 1000);

    }

}

</script>

</head>

<body onload="changeImage(true)">

<img id="rotatingImage" name="image" src="" width="620" height="381" alt="test" />

</body>

Toen ik je code had overgenomen en op dezelfde lijn had gezet wat gevoelsmatig voor mij op dezelfde lijn moet, werd juist plaatje nummer vier niet getoond. Dit heb ik verholpen door:

if (count == imageCount)

Nu werkt het voor mij zoals je volgens mij zou willen.

Javascript banner rotator vraag