Theme Responsive

Dans JQuery le 27 septembre

Slider responsive RefineSlide

Arrivé il y’a quelques mois dans le monde des sliders / slideshow d’images, RefineSlide impose son style en proposant une multitude de transitions, notamment via des animations CSS3 3D.

Mise en place du slider:
Côté HTML, comme la plupart des sliders, il suffit de déclarer ses images dans une liste:


Ensuite, il ne reste plus qu’à paramétrer le script avec les options souhaitées:

$(document).ready(function () {
        $('.rs-slider').refineSlide({
            transition         : 'fade',
            transitionDuration : 7000,
            autoPlay           : true,
            keyNav             : false,
            delay              : 0,
            controls           : null
        });
    });



Étiquettes : ,

1 commentaire “Slider responsive: RefineSlide

  1. Joli ! très joli !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *