Introduction

Le Slider est réalisé principalement en CSS, grâce à de nouvelles fonctionnalités CSS,
il est actuellement supporté par les navigateurs Chrome, Edge et Opera.
En un clic aux paramètres du bloc Bannière, Panneau Styles, sélectionner le style Slider ou Diaporama, pour transformer en Front End le bloc Bannière en un slider à défilement horizontal.

Caractéristiques

• Style Slider & Diaporama : Sélectionnez le style souhaité directement dans le panneau Styles du bloc Bannière natif.
• Défilement automatique (Diaporama) : Transitions fluides en fondu toutes les 5 secondes avec pause automatique & boutons de navigation au survol.
• Navigation avec boutons intégrés du navigateur.
• Une fois que le Slider à le focus, la navigation clavier est possible avec flèche gauche (←) et flèche droite (→)
• Responsive,compatible avec les thèmes classique & thème de blocs.
• Une extension de 16ko seulement.

Utilisation

• Ouvrez une page ou un article dans l’éditeur Gutenberg.

Insérez un bloc Bannière (Cover) parent, puis ajoutez-y vos blocs Bannière enfants (qui serviront de slide).

• Dans le panneau Dimensions des paramètres des blocs bannière,appliquez impérativement le même réglage de Proportion de taille ou de Hauteur minimale à tous vos blocs Bannières (parents et enfants)

• Dans le panneau Styles des paramètres du bloc bannière parent, sélectionnez le style Slider ou Diaporama .

Démo

Obtenir cette extension

Rouergue Creation Slider Native Cover Block