Rouergue Création

Ce plugin ajoute un style alternatif “Slider” 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 (← →).
Caractéristiques :
<ul>
<li>Fonctionne avec le bloc Galerie natif de WordPress </li>
<li>Style “Slider” sélectionnable dans le panneau Styles du bloc </li>
<li>Responsive: largeur automatique en fonction de la taille medium_large de la première image </li>
<li>Navigation avec boutons & marqueurs de défilement intégrés du navigateur </li>
<li>Une fois que le slider à le focus, la navigation clavier est possible avec flèche gauche (←) et flèche droite (→) </li>
<li>Animation fluide au défilement (fade-in / fade-out)</li>
</ul>
<h3>Démo</h3>
Découvrez le plugin en action sur notre <a href="https://rouerguecreation.fr/demo-slider-native-galerie-responsive/" rel="nofollow ugc">Site De Démos</a>
<h3>Traductions</h3>
◆ Anglais 
◆ Français
<h3>Decouvrez nos autres plugins</h3>
◆ <a href="https://wordpress.org/plugins/custom-event-tickets/" rel="ugc">Easy Custom Event Tickets</a> 
◆ <a href="https://wordpress.org/plugins/editor-custom-color-palette/" rel="ugc">Editor Custom Color Palette</a> 
◆ <a href="https://wordpress.org/plugins/filter-bar-custom-post-type/" rel="ugc">Filter Bar Custom Post Type</a> 
◆ <a href="https://wordpress.org/plugins/rouergue-creation-top-notice-bar/" rel="ugc">Rouergue Creation Top Notice Bar</a> 
◆ <a href="https://wordpress.org/plugins/rouergue-creation-sidebar-embed/" rel="ugc">Rouergue Creation Events Sidebar</a> 
◆ <a href="https://wordpress.org/plugins/rouergue-creation-carousel-style-query-loop/" rel="ugc">Rouergue Creation Carousel Style Query Loop</a>

Slider Galerie Native Responsive

Ajoute un style "Slider" responsive principalement en CSS à la galerie native de WordPress (bloc Galerie).

rashmisoni

This is header gallery plugin if you want so fancy look in you header part you can use this one.you can made custom effect with set of options that you can use to set speed, number of strips,direction, type of effect, etc. Bellow is list of all parameters and their values that you can use.
effect: “”, // wave, zipper, curtain
width: 500, // width of panel
height: 332, // height of panel
strips: 20, // number of strips
delay: 5000, // delay between images in ms
stripDelay: 50, // delay beetwen strips in ms
titleOpacity: 0.7, // opacity of title
titleSpeed: 1000, // speed of title appereance in ms
position: “alternate”, // top, bottom, alternate, curtain
direction: “fountainAlternate”, // left, right, alternate, random, fountain, fountainAlternate
navigation: false, // prev and next navigation buttons
links: false // show images as links

Fancy Header Slider

Image gallery with fancy transitions effects. This is a "strip curtain" effect

Slider Galerie Native Responsive vs Fancy Header Slider