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 :)
A voir également:

6 réponses

poliquinp Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   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
zeltra
 
merci beaucoup je vais m'aider de ton site
0
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
poliquinp Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   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
Julien
 
Bonjour, est-ce que ce principe est applicable avec des swf à la place des image ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
zeltra
 
Merci beaucoup
0
poliquinp Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   4
 
[RÉSOLUE]
0