Alternance d'image [html]

zeltra -  
 Julien -
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. poliquinp Messages postés 63 Statut Membre 4
     
    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/
    0
  2. zeltra
     
    merci beaucoup je vais m'aider de ton site
    0
  3. zeltra
     
    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 ;)
    0
  4. poliquinp Messages postés 63 Statut Membre 4
     
    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
    0
    1. Julien
       
      Bonjour, est-ce que ce principe est applicable avec des swf à la place des image ?
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. poliquinp Messages postés 63 Statut Membre 4
     
    [RÉSOLUE]
    0