mercredi 3 avril 2019

Défiler ensemble des images HTML

Pour défiler ensemble des images on utilise la balise <marquee>
les attributs les utilisés avec cette balise sont :
direction : la direction de défilement des images ou bien les textes (down, up, lift et right)
behavior : de bas en haut et de gauche à droite en même temps (alternate).


Exemple :

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Défiler ensemble des images de la nature</title>
</head>
<body>
  <h1>Défiler ensemble des images de la nature</h1>
      <marquee direction="right" behavior="alternate" width="60%">
        <a href="image1.jpg" target="_blank"><img src="image1.jpg" width="200px" height="200px"/></a>
        <a href="image2.jpg" target="_blank"><img src="image2.jpg" width="200px" height="200px"/></a>
        <a href="image3.jpg" target="_blank"><img src="image3.jpg" width="200px" height="200px"/></a>
        <a href="image4.jpg" target="_blank"><img src="image4.jpg" width="200px" height="200px"/></a>
      </marquee>

</body>
</html>



0 commentaires:

Enregistrer un commentaire