Slide avec défilement en boucle
Réalisation d'un slide avec défilement en boucle, sans retour rapide au début en fin.
Rendu
Code HTML
Le principe est d'ajouter en fin de liste la première image et une fois celle-ci affichée replacer la liste au début.
Code CSS
Les valeurs en pourcentage dépendent du nombre d'images et des durées souhaitées pour l'animation.
Dans l'exemple ci-dessus le temps de pause par image est de 2 secondes, le temps de déplacement d'une image à la suivante est de 1 seconde, soit pour 4 images, on ne tient pas compte de l'image ajoutée en fin de slide, la durée de l'animation est 12 secondes.
Chaque seconde représente donc 100% / 12 = 8.333% de l'animation.