Flux Slider – Plugin jQuery – La transition d’image à effets multiples
Flux slider est un plugin jQuery très inspiré du plugin jQuery Nivo Slider et qui va vous permettre des transitions d’images poussées notamment avec des effets 3D, mais surtout avec une grande fluidité apportée par l’utilisation des transitions CSS3 associées à ce plugin.
Actuellement le plugin Flux Slider fonctionne sur :
– Safari
– Chrome
– iOS
– Blackberry Playbook
– Firefox 4
– Opera 11
Bien entendu le plugin n’est viable que sur les navigateurs supportant le CSS3 (soit tous les navigateurs récents).
Exemple d’utilisation simple :
[pastacode lang= »markup » manual= »%3Cdiv%20id%3D%22slider%22%3E%3Cimg%20src%3D%22img%2Favatar.jpg%22%20alt%3D%22%22%20%2F%3E%0A%3Cimg%20title%3D%22Ironman%20Screenshot%22%20src%3D%22img%2Fironman.jpg%22%20alt%3D%22%22%20%2F%3E%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20src%3D%22img%2Fimagewithlink.jpg%22%20alt%3D%22%22%20%2F%3E%3C%2Fa%3E%0A%3Cimg%20src%3D%22img%2Ftron.jpg%22%20alt%3D%22%22%20%2F%3E%3C%2Fdiv%3E » message= » » highlight= » » provider= »manual »/]
Ci-dessus les éléments html qui s’exécuteront avec des transitions.
puis l’instanciation de Flux Slider :
[pastacode lang= »javascript » manual= »%24(function()%7B%0Awindow.myFlux%20%3D%20%24(‘%23slider’).flux()%3B%0A%7D)%3B » message= » » highlight= » » provider= »manual »/]
Bien entendu, il existe de nombreuses options qu’il est possible de découvrir sur le Github du plugin jQuery Flux Slider
Vous pouvez admirer la démo du plugin via ce lien
Et télécharger le plugin en cliquant sur ce lien là
A savoir qu’une version plugin WordPress existe aussi.
Articles qui peuvent vous intéresser :
