Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

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.