Ce plugin ajoute les styles alternatifs “Slider” & “Diaporama” & “Carrousel au bloc Galerie natif de WordPress (Gutenberg).
Le slider est réalisé principalement en CSS, grâce aux nouvelles fonctionnalités CSS (scroll-snap, overflow, anchor-name).
Un **léger script JavaScript ** est utilisé uniquement pour ajouter la navigation clavier avec les touches fléchées ( ),la gestion tactile et le défilement automatique du mode diaporama & carrousel.
- Fonctionne avec le bloc Galerie natif de WordPress
- Styles “Slider” & “Diaporama” & “Caroussel” sélectionnables dans le panneau Styles du bloc
- Diaporama: défilement automatique avec transitions fluides en fondu toutes les 5 secondes, avec au survol pause automatique et navigation manuelle possible.
- Carrousel: affichage de plusieurs images selon le nombre de colonnes défini dans la Galerie
- Carrousel: défilement automatique image par image toutes les 5 secondes avec bouclage circulaire et pause automatique au survol
- Carrousel: navigation manuelle avec les boutons natifs, les marqueurs de défilement, les touches fléchées du clavier et le défilement tactile
- Responsive: largeur automatique en fonction de la taille medium_large de la première image
- Navigation avec boutons & marqueurs de défilement intégrés du navigateur
- Une fois que le slider ou le Carrousel à le focus, la navigation clavier est possible avec flèche gauche () et flèche droite ()
- Animation fluide au défilement (fade-in / fade-out)
✅ Compatible avec thème classique & thème de blocs(FSE).
Utilisation
- Dans l’éditeur de blocs (Gutenberg), insérez un bloc Galerie, ajoutez-y les images
- Aux Paramètres du bloc Panneau Styles, sélectionnez le style Slider ou Diaporama ou Carrousel
- Visualisez en Front End le bloc Galerie transformé selon le style sélectionné.
Démo
Découvrez le plugin en action sur notre Site De Démos
Traductions
◆ Anglais
◆ Français
Decouvrez nos autres plugins
◆ Easy Custom Event Tickets
◆ Editor Custom Color Palette
◆ Filter Bar Custom Post Type
◆ Rouergue Creation Top Notice Bar
◆ Rouergue Creation Events Sidebar
◆ Rouergue Creation Carousel Style Query Loop
◆ Rouergue Creation Slider Native Cover Block
Screenshots
Sélection du style "Slider" ou "Diaporama" ou "Carrousel" dans le bloc Galerie
Exemple d’affichage du slider en front-end
Exemple d’affichage du carrousel en front-end