Comment faire défiler une image ou un texte ?

Il suffit de mettre dans la source d'un article ou d'un module texte libre, le code ci-dessous :

<marquee behavior="scroll" direction="left" scrollamount="1" scrolldelay="5" loop="-1"> <img alt="" src="http://adresse-de-ta-photo.jpg" />
</marquee>

Exemples avec différentes variantes :

<marquee behavior="scroll" direction="left" scrollamount="1" scrolldelay="5" loop="-1"><img src="http://idata.over-blog.com/0/00/18/51/obp/smile002.gif"></marquee>

<marquee behavior="scroll" direction="right" scrollamount="1" scrolldelay="5" loop="-1"><img src="http://idata.over-blog.com/0/00/18/51/obp/smile002.gif"></marquee>

<marquee behavior="scroll" direction="left" scrollamount="1" scrolldelay="100" loop="-1"></marquee>

Pour la vitesse de défilement, il faut augmenter ce paramètre scrollamount="5"

<span style="font-size: 12pt;">
<marquee behavior="scroll" direction="left" scrollamount="5" scrolldelay="5" loop="-1"><img src="http://idata.over-blog.com/0/00/18/51/obp/smile002.gif"></marquee>
</span>

----------------------------------------------------

Il en est de même pour un texte.

<marquee behavior="scroll" direction="left" scrollamount="1" scrolldelay="5" loop="-1">Bienvenue sur cet article</marquee>

Bienvenue sur cet article

On peut aussi mettre la police, la couleur et la taille de son choix pour son texte défilant en ajoutant ceci :

<span style="font-family: Arial; color: #FF0000; font-size: 24pt;">
<marquee behavior="left">Bienvenue sur cet article</marquee>
</span>

Bienvenue sur cet article

On peut aussi alterner le sens de son texte défilant en ajoutant ceci : alternate à la place de left ou right :

<span style="font-family:Comic sans MS; color: #FF0000; font-size: 18pt;">
<marquee behavior="alternate">Bienvenue sur cet article</marquee>
</span>

Bienvenue sur cet article

On peut mettre un fond de couleur derrière son texte défilant
en ajoutant dans le code bgcolor="#son-code-couleur"

<span style="font-family:comic sans ms; color: #000000; font-size: 12pt;">
<marquee behavior="scroll" direction="left" scrollamount="1" scrolldelay="5" loop="-1" bgcolor="#0000FF">Bienvenue sur cet article</marquee>
</span>

Bienvenue sur cet article

On peut aussi arrêter l'image ou le texte au passage du curseur en ajoutant ceci :

onmouseover="this.stop();" onmouseout="this.start();"

<span style="font-family: Arial; color: #FF0000; font-size: 24pt;">
<marquee behavior="scroll" direction="left" scrollamount="3" scrolldelay="5" loop="-1" onmouseover="this.stop();" onmouseout="this.start();">Bienvenue sur cet article</marquee>
</span>

Bienvenue sur cet article