Alternance d'image [html]

Bonjour,
J'aimerai savoir si il existe une commande pour alterner 2 images , je m'explique je voudrais que le mon image1 s'ouvre a l'ouverture du site ou l'image2 aléatoirement (ou une fois sur 2 )

en espèrent une réponse merci :)
Configuration: Windows XP
Firefox 3.0.11

6 réponses

  1. Tu pourrai y procéder en utilisant du javascript

    Créer une fonction qui par exemple TaPage.onLoad dapeller ta fonction

    Elle génère des chiffre random (0,1) dans ton cas.

    Tes images sont attrbuées à ses chiffres.

    J'ai le script quelque part mais je suis au boulot et je n'y ai pas accès.

    **EDIT Pour mieux comprendre se que je te dis, visite mon site que j'avai codé auparavant et sur l'accueil,
    decend bas à droite (L'image est random) quand tu rafraîchis la page.

    http://multimedia.cgmatane.qc.ca/cohorte2010/poliquin.patrice/EFC_PoliquinP_GaudreaultD/
    1. Bon j'ai regardé le site mais j'ai pas réussi a l'utiliser , je pense que quand je fait "afficher le code source de la page" il me donne que l'un des version possible
      il me donne ceci
      <div id="imgRdm">
      <script type="text/javascript">  
      	imgRdm();
      </script><img id="mon_image" src="images/imgrdm/img3.jpg">
      
      </div>


      il va me falloir le script , si possible, merci d'avance ;)
      1. Car le navigateur ne montre pas le code Java.
        C'est une fonction très simple. À chaque fois que tu entre sur la page, le code génère une image aléatoire et la diffuse à l'endroit donnée.

        Ma fonction marche comme un tableau
        0 = 1iere image
        1 = 2ieme image
        2 = 3ieme image
        et ainsi de suite

        function imgRdm() //Code Javascript pour l'image random
        {  
           var rdm = Math.random() * 9; //le 9 étant un nombre fictif.. Ajuste le tout dépendant du nombre de tes images
                 
           var arrondi = Math.round(rdm);
                                        
           document.writeln('<img id="mon_image" src="images/imgrdm/img' + arrondi + '.jpg" />');
                 
        }


        Références pour le document.writeln
        https://www.toutjavascript.com/reference/ref-window.document.writeln.php

        Concernant mes images... J'ai créé un dossier nommer imgrdm

        Dans mon dossier il y a 9 images de taille identique portant le nom img0 à img9

        Alors si le script trouve 5 il sortira ceci
        <img id="mon_image" src="images/imgrdm/img4.jpg" />


        J'espère que cela pourra t'aider

        PoliquinP
        1. Bonjour, est-ce que ce principe est applicable avec des swf à la place des image ?