• Faire défiler image/texte

    Comment faire défiler un texte ou des images en html 

    Dans ce tuto, je vaisvous apprendre à faire défiler un texte, une image ou plusieurs images, enfin bref ce que vous voulez !!!

     

    Pour un défilement de droite à gauche:

    Les balises pour un défilement de droite à gauche sont <marquee> </marquee>

    Donc pour un texte: 

     Donc pour un texte<marquee>blablablablablabalblbalbalbla</marquee>

     

     Et pour une ou des images: <marquee>http://aaaaaaaaa/aaaaa.jpg</marquee>

     

    DEFILEMENT TEXTE:


    Voila le texte défile comme prévu !!! :)

    DEFILEMENT IMAGE:


    Pour un défilement de bas en haut:

    Pour effectuer un défilement de bas en haut les balises sont les suivantes:

     Code <marquee direction="up" scrollamount="2" height="200" width="350">  </marquee>

    L'information direction="up" designe un defilement bas haut, pour faire un défilement haut bas il vous faudra mettredown à la place de up.

    L'information scrollamount ="2" est la vitesse de défilement plus le chiffre sera élévé plus la vitesse sera rapide.

    Les informations height et width sont la place que devra prendre le défilement dans votre page, height désigne la hauteur et width designe la largeur.

    Pour un défilement texte:

     Code <marquee direction="up" scrollamount="2" height="200" width="350">VOTRE TEXTE</marquee>

    Pour un défilement d'images:

     Code <marquee direction="up" scrollamount="2" height="200" width="350">LIENS DE VOS IMAGES</marquee>

     

    DEFILEMENT TEXTE


    ET voila le texte défile de bas en haut ! 

    DEFILEMENT IMAGES


     

    Vous avez aussi la possibilité de faire un défilement avec arrêt au passage du curseur:

    Les codes deviennent alors ainsi:

    DEFILEMENT DE DROITE A GAUCHE:

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

     

    DEFILEMENT DE BAS EN HAUT:

     Code <marquee id="id1"direction="up" scrollamount="2" height="200" width="350"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">LIENS DE VOS IMAGES</marquee>

     

    Ce qui donne en image

     

    droite gauche


    Bas haut

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    Ce tuto à été inspiré par Nagalia...