Sélectionnez votre langue

Site de démonstration Gantry 5

Sélectionnez votre langue

Introduction

etl particles owlcarousel

La particule Owl Carousel est une particule simple et élégante, basée sur le projet open source du même nom par Bartosz Wojciechowski, qui affiche les informations présentées dans un caroussel moderne d'image.

Cette particule est disponible dans le template gratuit RocketTheme Helium. J'ai créé un fichier pour cette particule avec une petite modification au niveau css pour l'adapter au template Hydrogen.



Configuration

Options principales

Ces options affectent la zone principale de la particule et non les éléments individuels.

particle owl carousel Options principales

OptionDescription
Nom de la particle Entrez le nom que vous souhaitez attribuer à la particule. Il apparaît uniquement dans l'administration.
CSS Classes Entrez la (les) classe (s) CSS que vous souhaitez utiliser dans le contenu de la particule.
Titre Définir le titre de la particule qui apparaîtra en frontal.
Prec Suiv Activer le Commutateur précédant/suivant en frontal.
Points Activer ou désactiver les points de pagination.
Autoplay Activer ou désactiver le déplacement automatiquement des éléments.
Vitesse Autoplay Définit la vitesse à laquelle les éléments progressent automatiquement lors de l'autoplay.
Image Overlay Active ou désactive l'utilisation de la superposition d'image (Overlay) dans la particule.

Options des images

particle owl carousel Options images

OptionDescription
Image Entrez le chemin d'accès au fichier image que vous souhaitez utiliser pour cet élément.
Titre Entrez un titre pour l'élément ici.
Description Entrez une Description pour l'élément ici.
Lien Entrez un lien pour l'élément ici.
Texte du lien Entrez le texte que vous souhaitez afficher comme lien pour l'élément ici.
Button Classes Vous pouvez entrer une classe de bouton que vous souhaitez utiliser pour le bouton de lien ici.

 

  

Exemples

Exemple 1 - Section Showcase de cette page

Voir en haut de la page

Exemple 2 - Section Subfeature de cette page, voir en dessous

Exemple 3 - Voir template Hydrogen Mauve (Boxed Animated)