Cela vous permet de créer des effets de conception avancés sans avoir besoin d'un programme de conception graphique distinct. Choisissez un style d'animation pour activer les animations pour cet élément. Une fois activé, vous pourrez personnaliser d'avantage votre style d'animation. Pour désactiver les animations, choisissez l'option Aucune. Options avancées du module Défilement d'image Dans l'onglet avancé, vous trouverez des options que les concepteurs Web plus expérimentés pourraient trouver utiles, telles que les attributs CSS et HTML personnalisés. Vos images qui défilent comme un diaporama - Faire un blog. Ici, vous pouvez appliquer du CSS personnalisé à l'un des nombreux éléments du module. Vous pouvez également appliquer des classes CSS et des ID personnalisés au module, qui peuvent être utilisés pour personnaliser le module dans le menu "ajouter du CSS personnalisé" disponible dans le menu apparence de votre administration. Entrez un ID CSS facultatif à utiliser pour ce module. Un identifiant peut être utilisé pour créer un style CSS personnalisé ou pour créer des liens vers des sections particulières de votre page.
Ce module vous permet d'ajouter des images sur votre site qui défilent vers le haut ou vers le bas lorsque l'utilisateur survole l'image. COMMENT AJOUTER UN MODULE Défilement d'image À VOTRE PAGE Avant de pouvoir ajouter ce module à votre page, vous devrez d'abord ouvrir le constructeur visuel "Layer". Vous remarquerez un bouton "Modifier avec le constructeur de page Layer" au centre de l'écran à chaque fois que vous créez une nouvelle page. Défilement d image of nature. Cliquer sur ce bouton activera le constructeur visuel, vous donnant accès à tous les modules de Layer. Vous pouvez également cliquer sur le bouton "Activer le constructeur visuel" lors de la navigation sur votre site sur le front-end si vous êtes connecté à votre administration. Une fois que vous êtes sur l'interface du constructeur de page, vous pouvez cliquer sur le bouton gris "plus" pour ajouter un nouveau module à votre page. Les nouveaux modules ne peuvent être ajoutés qu'à l'intérieur des lignes. Si vous commencez une nouvelle page, n'oubliez pas d'ajouter d'abord une ligne à votre page.
Créez donc une nouvelle ligne à deux colonnes. Copiez le style de ligne de la ligne ci-dessus qui contient des images. Maintenant, coller à la nouvelle rangée. Ajout de modules texte Maintenant que nous avons coller les paramètres, nous allons le faire glisser vers le haut de la ligne qui contient des images. Ensuite, nous ajouterons le module texte dans la colonne 1 de la nouvelle ligne. Maintenant, tapez « Avant » et changez le style d'écriture du paragraphe à la rubrique 2. Défilement d'images en continu. À partir de l'onglet design, mettez à jour les styles de titres H2 suivants: Cap 2 Font: Roboto Cap 2 Font Style: TT Cap 2 Alignement de texte: centre Cap 2 Espacement des lettres: 2px Maintenant, copiez le module texte « Avant » et coller dans la colonne 2. Maintenant, mettez à jour le titre de « Avant » à « Après ». Et c'est fini! Résultat final Voici à quoi il ressemblera enfin. Derniers mots Dans le tutoriel d'aujourd'hui, nous avons essayé de vous montrer comment vous pouvez concevoir en douceur votre propre défilement personnalisé animé avant et après les images en utilisant Divi.
Entre l'instant t et t+1 l'objet parcours une distance appelée pas de défilement. Plus le pas est grand plus le défilement aura l'air rapide et inversement. Il accepte une valeur numérique qui désigne le nombre de pixels à parcourir. Attribut scrolldelay L'attribut scrolldelay signifie le délai de défilement. Il s'agit de la durée pendant laquelle l'objet reste dans la même position. Plus il est grand plus le défilement est lent. Il a comme valeur un nombre entier qui désigne le nombre de millisecondes (l'unité ms est implicite). Défilement d image free. Attribut loop L'attribut loop indique combien de fois le défilement sera répété. Par défaut il vaut la valeur -1 qui signifie à l'infini.