Vraag & Antwoord

Webprogrammeren & scripting

JPG's automatisch wisselen

Anoniem
Annie
5 antwoorden
  • Hallo allemaal,

    Waarschijnlijk een simpele vraag (maar ik weet het dus ff niet), maar hoe laat je foto's automatisch wisselen op je pagina? Ik heb 4 mini foto's naast elkaar staan en ik wil dat deze om de zoveel seconden wisselen voor andere foto's.

    Alvast bedankt!
    Marco
  • Wil je alleen de foto's laten wisselen of wil je de pagina opnieuw inladen? In het eerste geval kan je van de images de src wijzigen via javascript, bijv.
    [code:1:825e2b6edc]
    <img src="plaatje.jpg" id="plaatje_1" />

    <script type="text/javascript">
    var oImage = document.getElementById("plaatje_1");
    oImage.src = "een_ander_plaatje.jpg";
    </script>
    [/code:1:825e2b6edc]
    Via setTimeout() of setInterval() kan je dit alles tijdgebonden maken.

    Als je de gehele pagina wil wijzigen dan kan dat bijv. met
    [code:1:825e2b6edc]
    <meta http-equiv="Refresh" content="4;URL=http://www.mijndomein.nl/andere_pagina.html" />
    [/code:1:825e2b6edc]
  • Ik wil alleen de foto's laten wisselen. Ik heb 4 kleine foto's staan en totaal iets van 16foto's. Ik wil dus dat om de 3sec of zo de foto's wisselen. Een soort slide show dus..

    Waar zet ik die code om het tijdgebonden te maken? Sorry dat je alles moet voorkauwen maar ik ben een echte nono op dit gebied.

    Nu staan ze alle 4 in een tabelletje naast elkaar :
    <table border="0" cellpadding="0" cellspacing="1" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber2">
    <tr>
    <td>
    <img border="0" src="images/front01.jpg" width="150" height="150">
    </td>
    <td>
    <img border="0" src="images/front02.jpg" width="150" height="150">
    </td>
    <td>
    <img border="0" src="images/front03.jpg" width="150" height="150">
    </td>
    <td>
    <img border="0" src="images/front04.jpg" width="150" height="150">
    </td>
    </tr>
    </table>


    Marcooo
  • google op "javascript tutorial settimeout". Eerst zelf proberen :D
  • ok.. denk dat ik dat wel snap. Heb ook iets gevonden om de images te pre-loaden..

    Maar hoe doe ik dat dan met meerdere plaatjes naast elkaar?
    Moet ik dan voor elk per "set" jpg in een cel een variable aanmaken?
    Of kan ik het script in elke cel neerzetten zonder dat het elkaar hindert?

    Marco

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.