Tutoriel sur la mise en œuvre des blocs défilants
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre la technique d'insertion d'images dans un bloc défilant.
- Savoir configurer les options de défilement et de positionnement.
Résumé
Découvrez comment insérer des images panoramiques dans un bloc défilant horizontal.
Description
Dans ce tutoriel, nous vous expliquons la mise en œuvre d'un bloc défilant utilisant une image au lieu du texte. Le procédé reste similaire : découpez votre image ou votre bloc de texte et insérez-le dans le container dédié.
La particularité ici repose sur l'utilisation d'une image panoramique qui défilera horizontalement, d'où l'importance de spécifier un sens de défilement horizontal. Si vous réduisez la taille de la page après avoir double-cliqué sur le bloc, vous observerez clairement le défilement de l'image de droite à gauche. Comme pour le texte, diverses options de paramétrage sont disponibles : indications de défilement, positionnement initial (au centre ou en haut à gauche, par exemple).
Ce tutoriel s'adresse à toute personne souhaitant dynamiser ses pages web avec des blocs défilants, qu'ils soient composés de texte ou d'images.