Theme Responsive

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
        });
    });