Slider Revolution est une plugin de slider conçu pour WordPress et très populaire.
La dernière version du plugin a changée l’ergonomie et certaines fonctionnalités ne sont pas faciles à trouver voire pas incluses du tout.
Il n’est par exemple pas possible d’inclure un bouton pause/play pour mettre en pause le slider puis le reprendre.
Les fonctionnalités de lecture et pause sont bien présentes mais il n’est pas possible de “switcher” de boutton au clic du visiteur.
Voici un moyen assez rapide pour mettre en place cette fonctionnalité.
Préparatif
Vous allez avoir besoin de deux images (play et pauses) trouvables facilement sur des sites d’icônes. Par exemple iconfinder :
Ensuite, vous devez avoir accès à l’édition de votre thème WordPress ou en créant un nouveau plugin.
Slider Revolution
Dans Slider Revolution, choisissez le “Layer Globale” vous allez devoir créer deux layers images, importez vos deux images play et pause.
Ensuite placez les où vous voulez dans votre slider et sur chaque layer, sélectionnez “Actions“
Et choisissez “Lecture du slider” et “Pause du slider” selon l’image choisie :
Allez maintenant dans “Attributes“, puis dans le champs “classes“, ajoutez :
- “pause-button current” pour le bouton pause
- “play-button” pour le bouton play
Sauvegardez le tout, et testez votre slider pour voir si vos boutons fonctionnent.
Un peu de code
Maintenant que les boutons sont en place, ils doivent fonctionner. Cependant, avoir à la fois un bouton play et un bouton pause n’est pas très ergonomique, il faudrait que l’un disparaisse lorsque l’autre apparait.
Insérez alors ce code dans votre fichier dans une fichier javascript de votre thème :
Et remplacez simplement “#rev_slider_2_1_wrapper” par l’id de la div de votre slider en question.
Félicitation ! Vos boutons devraient maintenant être fonctionnels à 100%.
