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 }); });
Joli ! très joli !