Rechercher : dans
Par :

Alternance d'image [html]

Dernière réponse le 2 sep 2009 à 14:10:30 zeltra, le 29 jun 2009 à 21:47:10 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « alternance d'image [html] » dans :
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Les images ne s'affichent pas sur le site VoirDans une page web, les images sont spécifiées grâce à la balise IMG, avec la notation suivante : Les formats d'images supportés sur le web sont les formats GIF, JPG et PNG. Le format BMP n'est pas supporté par les...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Les arrière-plans VoirInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise  : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière...

1

poliquinp, le 29 jun 2009 à 22:36:44

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/...

Répondre à poliquinp

2

zeltra, le 29 jun 2009 à 22:48:28

Merci beaucoup je vais m'aider de ton site

Répondre à zeltra

3

zeltra, le 29 jun 2009 à 23:11:02

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 ;)

Répondre à zeltra

4

poliquinp, le 30 jun 2009 à 01:14:36

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
http://www.toutjavascript.com/reference/reference.php?iref=154

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

Répondre à poliquinp

7

 Julien, le 2 sep 2009 à 14:10:30

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

Répondre à Julien

5

zeltra, le 30 jun 2009 à 11:24:03

Merci beaucoup

Répondre à zeltra

6

poliquinp, le 30 jun 2009 à 14:13:14

[RÉSOLUE]

Répondre à poliquinp