Infinite Marquee

Infinite Marquee

Cet outil crée des effets professionnels de défilement infini (carousel/marquee) pour le contenu de votre site Web. Affichez des logos, des témoignages, des bulletins d'actualités ou tout autre contenu dans un défilement continu avec une vitesse, une direction (gauche/droite, haut/bas) et un espacement personnalisables. Les fonctionnalités incluent une fonctionnalité de pause au survol, une conception réactive et des animations fluides. Parfait pour mettre en valeur les logos des clients, afficher des annonces ou créer des éléments visuels attrayants qui captent l'attention des visiteurs.
Partager ce contenu
Infinite Marquee
1

Ajouter le script

Ajoutez ce script dans les paramètres du projet > Code personnalisé > Before </body> tag

<!-- BeBranded Contents -->
<script async src="https://cdn.jsdelivr.net/npm/@bebranded/bb-contents@1/bb-contents.js"></script>
2

Activer le module

Activer le module

Attribut bb-marquee
bb-marquee = " "

Ajoutez l'attribut bb-marquee à l'élément que vous voulez faire défiler.

Ajouter cet attribut :
Nom
bb-marquee
Valeur
3

Vitesse de défilement

Vitesse de défilement

Attribut bb-marquee-speed
bb-marquee-speed = "100"

Définissez la vitesse de défilement en pixels par seconde. Plus la valeur est élevée, plus le défilement est rapide.

Ajouter cet attribut :
Nom
bb-marquee-speed
Valeur
100
4

Direction du défilement

Direction du défilement

Attribut bb-marquee-direction
bb-marquee-direction = "left"

Définissez la direction du défilement. "left" pour un défilement vers la gauche, "right" pour un défilement vers la droite.

Ajouter cet attribut :
Nom
bb-marquee-direction
Valeur
left
Optionnel

Pause au survol

Pause au survol

Attribut bb-marquee-pause
bb-marquee-pause = "true"

Activez ou désactivez la pause du défilement quand l'utilisateur survole l'élément.

Ajouter cet attribut :
Nom
bb-marquee-pause
Valeur
true
Optionnel

Espacement entre éléments

Espacement entre éléments

Attribut bb-marquee-gap
bb-marquee-gap = "50"

Définissez l'espacement en pixels entre les éléments répétés dans le défilement.

Ajouter cet attribut :
Nom
bb-marquee-gap
Valeur
50
Optionnel

Orientation du défilement

Orientation du défilement

Attribut bb-marquee-orientation
bb-marquee-orientation = "horizontal"

Définissez l'orientation du défilement. "horizontal" pour un défilement de gauche à droite, "vertical" pour un défilement de haut en bas.

Ajouter cet attribut :
Nom
bb-marquee-orientation
Valeur
horizontal
Optionnel

Hauteur pour défilement vertical

Hauteur du conteneur

Attribut bb-marquee-height
bb-marquee-height = "300"

Définissez la hauteur en pixels du conteneur de défilement. Utilisé principalement pour le défilement vertical.

Ajouter cet attribut :
Nom
bb-marquee-height
Valeur
300
1

2

Toujours besoin d'aide ?