multi-img-rotator delay ?

[DopaminSX]

(vraag 1) Ik heb 3 divs met daarin een img rotator, ik zou graag willen dat elke rotator op een ander moment start zodat de images niet tegelijk wisselen
(vraag 2).
ik ben net een dag geleden met javascript begonnen en kan aardig wat xhtml en css.
Graag zou ik willen weten, omdat ik zowel client als serversided bezig wil zijn of alle effects die met javascript gemaakt worden ook haalbaar zijn met php.
Het zou nl. erg omslagtig zijn om javascript te leren als alles ook met php mogelijk is
(dan hoef ik maar 1 taal te leren, no offence voor de javascripters btw).

alvast bedankt.(hieronder: script)

function swapImage(id, path)
{
    var el = document.getElementById(id);
    el.count = el.count || 0;
    el.src = path[el.count];
    el.count = (el.count + 1) % path.length;
}
function slideshow() {
    setInterval(function () {
        swapImage('slide1', [
            "images/1.gif",
            "images/2.gif",
            "images/3.gif",
            "images/4.gif",
            "images/5.gif"
        ]);
        swapImage('slide2', [
            "images/a.gif",
            "images/b.gif",
            "images/c.gif",
            "images/d.gif"
        ]);
    }, 3000);
}
onload = slideshow;

Aanroep

<img id="slide1" height="200" width="400" src="1.gif">
<img id="slide2" height="200" width="400" src="a.gif">

 

[Glest]

PHP kan geen plaatjes veranderen nadat de pagina geladen is. PHP draait alleen zolang de pagina inelkaar wordt gezet. Is deze eenmaal klaar met laden dan is het PHP script ook klaar.

 

[peter vazed]

Wijzig dit

]);
}, 3000);
}
onload = slideshow;

Zijn milliseconden.

 

[DopaminSX]

Wijzig dit

]);
}, 3000);
}
onload = slideshow;

Zijn milliseconden.

Maar dat veranderd alleen de snelheid waarmee de plaatjes roteren. Ik wil dat elke groep plaatjes in dit geval 2 maar ik wil er 3 van maken (3 rotators) die elk op een ander moment beginnen zodat de 3 rotators niet gelijk lopen

 

[ErikBooy007]

Nee, dat heeft geen zin. Nu veranderen ze beide om de 3 seconden, dan zullen ze beide om de 2 seconden of wat je ook invult veranderen, dus nog tegelijk.

Je moet de interval op een ander moment instellen.

<script type="text/javascript">
function startSlideEen(){
  setInterval(function () {
        swapImage('slide1', [
            "images/1.gif",
            "images/2.gif",
            "images/3.gif",
            "images/4.gif",
            "images/5.gif"
        ]);},
        3000
  );
  setTimeout('startSlideTwee()', 1500);
}

function startSlideTwee(){
  setInterval(function () {
        swapImage('slide1', [
            "images/a.gif",
            "images/b.gif",
            "images/c.gif",
            "images/d.gif"
        ]);},
        3000
  );
}

window.onload = startSlideEen;

</script>

Nu wordt meteen slideshow één gestart en 1500 ms later wordt slideshow twee gestart.

 

[DopaminSX]

Ik heb t netjes gekopieerd alles in de body benoemd maar hij doet niets ???
Ik krijg de melding imageSwap not defined (regel 9 en 22)

 

[ErikBooy007]

Ik heb t netjes gekopieerd alles in de body benoemd maar hij doet niets ???
Ik krijg de melding imageSwap not defined (regel 9 en 22)

Je had:

function swapImage(id, path)
{
    var el = document.getElementById(id);
    el.count = el.count || 0;
    el.src = path[el.count];
    el.count = (el.count + 1) % path.length;
}

moeten laten staan, had ik moeten zeggen.

Het wordt dan dus:

<script type="text/javascript">
function swapImage(id, path)
{
    var el = document.getElementById(id);
    el.count = el.count || 0;
    el.src = path[el.count];
    el.count = (el.count + 1) % path.length;
}

function startSlideEen(){
  setInterval(function () {
        swapImage('slide1', [
            "images/1.gif",
            "images/2.gif",
            "images/3.gif",
            "images/4.gif",
            "images/5.gif"
        ]);},
        3000
  );
  setTimeout('startSlideTwee()', 1500);
}

function startSlideTwee(){
  setInterval(function () {
        swapImage('slide2', [
            "images/a.gif",
            "images/b.gif",
            "images/c.gif",
            "images/d.gif"
        ]);},
        3000
  );
}

window.onload = startSlideEen;

</script>

 

[DopaminSX]

Dankjewel. Ik heb wat meer informatie verzameld en ga toch beginnen met javascript
en over een half jaar met php beginnen,
Heb je misschien aanraders op het gebied van javascript boeken (in nl als het kan)
m,n engels is vrij goed maar niet goed genoeg om de javascript bible 5
volledig te begrijpen.

nogmaals Bedankt (ben er erg mee geholpen).

 

[ErikBooy007]

Ik heb een tijd terug "JavaScript, de Basis" gekocht. Ik weet de auteur zo niet zeker, maar het ligt voor 2 tientjes wel in je boekhandel.

 

[DopaminSX]

Zeg, onwijs bedankt voor de hulp (ik zal nog wel vaker op 't net komen vrees ik)

groeten uit Zandvoort (nu zo'n 26 graden hier,lekker)