7 berichten aan het bekijken - 1 tot 7 (van in totaal 7)
  • Q:
    Bijdrager
    accessko

    Afbeeldingen in een bepaalde volgorde weer te geven (javascript)

    Hallo,

    In sommige gevallen gebruik ik het volgende script om afbeeldingen in random volgorde weer te geven die tevens een externe link bevatten. (Dit gebeurd op pagina-refresh)

    <br />
    <a><img id="Rotating1" border="0"><br />
    <script language="JavaScript"><br />
    function RotateImages()<br />
    {</p>
    <p>var lImages = new Array("img-url-1","img-url-2","img-url-3","img-url-4");   // link naar afbeeldingen<br />
    var lUrls = new Array(("url-1", "url-2","url-3","url-4",);             // externe links</p>
    <p>var lTargetImage = document.getElementById('Rotating1');<br />
    var lTargetUrl = document.getElementById('imageurl');<br />
    var lRandomPos = Math.floor(Math.random() * lImages.length);                  </p>
    <p>lTargetImage.src = lImages[lRandomPos];<br />
    lTargetUrl.href = lUrls[lRandomPos];<br />
    }</p>
    <p>RotateImages()<br />
    </script><br />
     

    Nu zou ik graag de afbeeldingen een vaste volgorde willen meegeven i.p.v. random.
    Bijv. img-url-1, img-url-2 etc..
    Weet iemand hoe ik dit het beste kan oplossen?

    Gr

    Martin

    Bijdrager
    accessko

    De bovenstaande link moet zijn:

    <br />
    <a><img id="Rotating1" border="0"></a><br />
     
    Bijdrager
    accessko

    Mhmm. de < a > < / a > link geeft hij niet weer. sorry voor dat. Dan doen we het zo:

    < a id=”imageurl” > <img id=”Rotating1″ border=”0″> < / a >

    Bijdrager
    www.project-euh.com

    Ik zou zoiets doen ongeveer:

    <br />
    lTargetImage.src = lImages[0];<br />
    lTargetUrl.href = lUrls[0];</p>
    <p>lImages.push(lImages.shift());<br />
    lUrls.push(lUrls.shift());</p>
    <p>

    Hiermee gebruik je steeds de eerste uit de array en voegt dat item vervolgens weer toe aan het einde van de array.

    Bijdrager
    accessko

    Op deze manier zal je na elke refresh weer plaatje 1 zien, het is juist de bedoeling dat na een refresh plaatje 2 > 3 en dan bijv. weer 1 te zien krijg.

    Bijdrager
    www.project-euh.com

    Ah, ik had de pagina refresh even over het hoofd gezien…

    Dan zal je toch echt met iets als cookies of sessies (als je php gebruikt) moeten gaan werken om bij te houden wat de bezoeker al gezien heeft.

    Bijdrager
    accessko

    Zoiets dacht ik al.;-)
    Ik was gister nog op zoek naar een oplossing maar elke keer kwam ik uit op een optie die een serverside oplossing nodig had.

7 berichten aan het bekijken - 1 tot 7 (van in totaal 7)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.