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).

smit jon

This plugin add a Responsive Best Images slider in your website. Also you can add Responsive Best Images slider page and mobile touch slider in to your wordpress website.
View <a href="http://beautiful-module.com/demo/best-images-slider-2/" rel="nofollow ugc">DEMO</a> for additional information.
<h4>Installation help and support</h4>
<ul>
<li>Please check <a href="http://beautiful-module.com/documents/wordpress/Best-Images-slider.ver1.0.docx" rel="nofollow ugc">Installation and Document</a> on our website.</li>
</ul>
The plugin adds a “Responsive Best Images slider” tab to your admin menu, which allows you to enter Image Title, Content, Link and image items just as you would regular posts.
To use this plugin just copy and past this code in to your header.php file or template file
You can also use this Best Images slider inside your page with following shortcode 
 [sp_best.images.slider]
Display Best Images slider catagroies wise : 
 [sp_best.images.slider cat_id=”cat_id”] 
You can find this under “Best Images slider-> Gallery Category”.
<h4>Complete shortcode is</h4>
<pre><code>[sp_best.images.slider height="300"
 slide_num="4" width="auto" animate_style="fade" 
 duration="3000" autoplay="true" autoplay_interval="3000"]
</code></pre>
Parameters are :
<ul>
<li>limit : [sp_best.images.slider limit=”-1″] (Limit define the number of images to be display at a time. By default set to “-1″ ie all images. eg. if you want to display only 5 images then set limit to limit=”5”)</li>
<li>cat_id : [sp_best.images.slider cat_id=”2″] (Display Image slider catagroies wise.) </li>
<li>width : [sp_best.images.slider width=”auto”] (Set the width of slider that you want to display, default is “auto”))</li>
<li>height : [sp_best.images.slider height=”450″] (Set the height of slider that you want to display, default is “450”))</li>
<li>animate_style : [sp_best.images.slider animate_style=”slide”] (Image slider effect. value is “slide” OR “fade”)</li>
<li>duration : [sp_best.images.slider duration=”3000″] (Set slider speed)</li>
<li>autoplay : [sp_best.images.slider autoplay=”true”] (Set autoplay or not. value is “true” OR “false”)</li>
<li>autoplay_interval : [sp_best.images.slider autoplay=”true” autoplay_interval=”3000″] (Set autoplay interval)</li>
<li>slide_num : [sp_best.images.slider slide_num=”4″] (Set slider number that you want to display)</li>
</ul>
<h4>Features include:</h4>
<ul>
<li>Mobile touch slide</li>
<li>Responsive</li>
<li>Shortcode <code>[sp_best.images.slider]</code></li>
<li>Php code for place image slider into your website header <code><div class="headerslider"> <?php echo do_shortcode('[sp_best.images.slider]'); ?></div></code></li>
<li>Best images slider inside your page with following shortcode <code>[sp_best.images.slider]</code></li>
<li>Easy to configure</li>
<li>Smoothly integrates into any theme</li>
<li>CSS and JS file for custmization</li>
</ul>

Best Images slider

A quick, easy way to add an Responsive header best image slider OR Responsive Best Images slider inside wordpress page OR Template.

Slider Galerie Native Responsive vs Best Images slider