Comment faire défiler une image en HTML ?

La première mission consiste à héberger votre image, soit sur un serveur ftp d'un de vos sites personnels, soit sur un site dédié à l'hébergement de documents.

Ensuite, comme toute fonction HTML, celle-ci nécessite l'emploi d'une balise:
<marquee> ... </marquee>

par exemple, saisissez ce qui suit dans votre page HTML:
<marquee><img src="[URL de l'image]"></marquee>

ainsi votre photo navigue-t-elle sur votre page !

Cette balise 'marquee' accepte divers compléments d'informations.

La direction, avec 4 valeurs possibles: left, right, up, down


par exemple, saisissez ce qui suit dans votre page HTML:
<marquee direction="up"><img src="[URL de l'image]"></marquee>

Le glissement, avec 3 valeurs possibles:
normal (arrivé en bout de page, l'image redémarre depuis l'opposé)
slide (l'image s'arrête en bout de page)
alternate (l'image repart en sens inverse quand elle arrive en bout de page)

par exemple, saisissez ce qui suit dans votre page HTML:
<marquee behavior="alternate"><img src="[URL de l'image]"></marquee>

Pour rendre le déplacement plus ou moins fluide, on utilise le complément 'scrollamount', qui détermine le nombre de pixels parcourus lors du déplacement, entre 2 affichages de l'image:

par exemple, saisissez ce qui suit dans votre page HTML:
<marquee scrollamount="10"><img src="[URL de l'image]"></marquee>

changez la valeur et vous modifierez la fluidité.

Vous pouvez délimiter la zone de défilement de votre photo grâce aux compléments 'width' et 'height'

par exemple, saisissez ce qui suit dans votre page HTML:
<marquee width="300" height="50"><img src="[URL de l'image]"></marquee>

Enfin, le défilement peut être suspendu au survol de l'image par la souris.

par exemple, saisissez ce qui suit dans votre page HTML:
<marquee onmouseover="this.stop();" onmouseout="this.start();"><img src="[URL de l'image]"></marquee>