• Accueil
• Album photos
• Liens
• Livre d'or

Code des défilement

                    Les défilements

 Un simple défilement de texte :

<marquee>VOTRE TEXTE ICI</marquee>

==> Un simple défilement d'image - horizontal (&nbsp; <=> espace):

<marquee><img src="http://URL_image1"></img>&nbsp;<img src="http://URL_image2"></img>&nbsp;<img src="http://URL_imagen"></img></marquee>

==> Un simple défilement d'images - vertical (<br> <=> saut de ligne):

<marquee direction="up"><img src="http://URL_image1"></img><br><img src="http://URL_image2"></img><br><img src="http://URL_imageN"></img></marquee>

/!\ Selon que vous faites défiler des images horizontalement ou verticalement, n'oubliez pas d'insérer &nbsp ou <br> ; ce ne sera plus mentionné par la suite mais ne l'oubliez pas !

==> Défilement d'images avec liens (partenaires) :

<marquee><a href="http://URL_lien1" target="_blank"><img src="http://URL_image1"></img></a><a href="http://URL_lien2" target="_blank"><img src="http://URL_image2"></img></a><a href="http://URL_lienN" target="_blank"><img src="http://URL_imageN"></img></a></marquee>

==> Défilement avec arrêt et reprise lors du passage de la souris :
1ère version -- le défilement s'arrête quand la souris passe sur le champ du défilement :

<marquee onmouseover="this.stop();" onmouseout="this.start();">VOTRE TEXTE ICI ou IMAGES</marquee>

2ème version -- le défilement s'arrête quand la souris passe sur un élément :
Pour le texte :

<marquee id="id1"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">VOTRE TEXTE ICI ou IMAGES</span></marquee>

Pour les images :

<marquee id="id1"><img src="http://URL_image1" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img><img src="http://URL_image2" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img><img src="http://URL_imageN" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></marquee>

Pour les images avec liens :

<marquee id="id1"><a href="http://URL_lien1" target="_blank"><img src="http://URL_image1" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a><a href="http://URL_lien2" target="_blank"><img src="http://URL_image2" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a><a href="http://URL_lienN" target="_blank"><img src="http://URL_imageN" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a></marquee>

1. hamada Le 26/07/2009 à 11:57