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.

flux-slider-plugin-jquery-css3

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 :

Author: Franck Pertegas

Share This Post On

Submit a Comment

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