Slider Galerie Native Responsive

Ce plugin ajoute les styles alternatifs "Slider", "Diaporama", "Carrousel", "Carrousel Paginé", "Justifié", "Carré", "Masonry","Album", et "Comparaison" au bloc Galerie natif de WordPress (Gutenberg). Les styles Slider, Diaporama et Carrousel sont réalisés principalement en CSS, grâce aux nouvelles fonctionnalités CSS (scroll-snap, overflow, anchor-name). Un léger script JavaScript est utilisé pour ajouter la navigation clavier avec les touches fléchées (← →), la gestion tactile et le défilement automatique des modes Diaporama et Carrousel, mais aussi gérer le style Comparaison. Les styles Justifié, Carré, Masonry, et Album sont entièrement gérés en CSS et peuvent être utilisés directement dans l'éditeur de blocs et sur le Front End.

• Fonctionne avec le bloc Galerie natif de WordPress
• Styles "Slider", "Diaporama", "Caroussel", "Carrousel Paginé", "Justifié", "Carré", "Masonry", "Album", "Comparaison" sélectionnables dans le panneau Styles du bloc
• Slider: navigation manuelle avec boutons, marqueurs, clavier et défilement tactile
• 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
• Carrousel Paginé : même principe que le Carrousel, mais chaque défilement avance d'une page entière, le nombre d'images de chaque page correspond au nombre de colonnes défini dans les réglages du bloc Galerie
• Carrousel Paginé : un marqueur de défilement par page sur ordinateur, sur mobile défilement et marqueurs image par image comme le Carrousel classique
• Justifié : affichage des images ayant le même ratio sous forme de grille en conservant leur ratio
• Carré : affichage des images ayant le même ratio au format carré avec un ratio 1/1, façon Instagram
• Masonry : les images ayant des ratios différents sont affichées dans une grille et sont imbriquées les unes sous les autres de manière compacte, sans laisser de grands espaces vides.
• Album: Seule la 1ère image de la galerie est visible avec le titre de l'album, pour visualiser l'album utiliser la lightbox native de WordPress
• Comparaison: par exemple comparaison de deux images Avant & Aprés travaux
• Responsive: largeur automatique en fonction de la taille medium_large de la première image, pour les styles Slider et Diaporama
• 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).

1.1.4 Ajout

• L'extension propose désormais une page de réglages pour activer et paramétrer une Lightbox afin de visonner les images et galeries de WordPress.

Modifié

• Style Masonry

1.1.3 Ajouté

• Ajout au panneau Styles du bloc Galerie du style Carrousel Paginé.
• Harmoniser boutons de navigation pour tous les styles.

1.1.2 Ajouté

• Ajout au panneau Styles du bloc Galerie des styles Album, Comparaison.

1.1.1 Ajouté

• Ajout au panneau Styles du bloc Galerie des styles Justifié, Carré et Masonry.
• Style Justifié : affichage des images ayant le même ratio sous forme de grille en conservant leur ratio.
• Style Carré : affichage des images ayant le même ratio avec un ratio 1/1, façon instagram.
• Style Masonry : affichage des images ayant des ratios différents dans une mise en page de type maçonnerie.
• Les styles Justifié, Carré et Masonry sont disponibles dans l'éditeur de blocs et sur le Front End.

1.1 Modifié

• pour le style carrousel les icônes dashicons des boutons de navigation sont remplacées par des icônes SVG.

1.0.9 Ajouté

• Ajout au panneau styles des paramètres du bloc, du style Carrousel.

Corrigé

• Lorsque l'utilisateur modifie le nombre de colonnes de la galerie, alors il y avait un problème de largeur de l'image dans le slider.

1.0.8

• Ajout au panneau styles des paramètres du bloc, du style Diaporama: Défilement automatique avec transitions fluides en fondu toutes les 5 secondes, avec au survol pause automatique et navigation manuelle possible.

1.0.7 Compatibilité avec WordPress 7.1 1.0.6 Optimisation du code 1.0.5 Modifié

• Chargement des scripts CSS & JS uniquement si un bloc galerie est présent.

1.0.4 Modifié

• Augmenter la spécificité des régles de style

1.0.3 Corrigé

• Sécurisation des variables injectées dans l’attribut HTML "style" du bloc Galerie afin de respecter les bonnes pratiques de sécurité WordPress.
• Le style Slider n'est pas appliqué au bloc Galerie, lorsque plusieurs classes CSS sont présente.

1.0.2 Corrigé

• Amélioration de la navigation tactile: Correction du bug de saut intempestif lors d'un simple toucher(sans swipe).

1.0.1

• Ajout de la navigation clavier avec les touches ← →
• Ajout d’un mode loop pour la navigation clavier
• Mise à jour de la documentation

1.0

• Première version stable
• Ajout du style "Slider" pour le bloc Galerie
• Slider responsive en CSS pur