Easy Gallery – Plugin jQuery – Pour agrémenter vos galeries photos

Posted By Franck Pertegas on 15 Août 2010 in Framework, Javascript, Programmation | 1 comment

Il y avait bien longtemps que je ne vous avait pas parlé de mon framework javascript préféré : jQuery. Cette fois c’est pour vous parler d’un petit plugin sympathique pour agrémenter vos sites avec un défilement d’images.

Ce plugin, c’est Easy Gallery.

Le code que vous pouvez visualiser sur la démonstration, est le suivant :

[pastacode lang= »javascript » manual= »%24(document).ready(function%20()%7B%0A%24(%22%23gallery%22).egallery(%7B%0Awidth%3A500%2C%0Aheight%3A230%2C%0Aspeed%3A%201000%2C%0Adelay%3A4000%2C%0Aeasing%3A’easeInOutBack’%2C%0Athumbs%3A’numbers’%2C%0AthumbClass%3A’tclass’%2C%0AaClass%3A’ac’%0A%7D)%3B%0A%7D)%3B » message= » » highlight= » » provider= »manual »/]

Et le html de vos images :

[pastacode lang= »markup » manual= »%3Cdiv%20id%3D%22gallery%22%3E%0A%3Cul%3E%0A%20%09%3Cli%3E%3Cimg%20src%3D%22eg-images%2Fimage1.jpg%22%20alt%3D%22%22%20border%3D%220%22%20%2F%3E%3C%2Fli%3E%0A%20%09%3Cli%3E%3Cimg%20src%3D%22eg-images%2Fimage2.jpg%22%20alt%3D%22%22%20border%3D%220%22%20%2F%3E%3C%2Fli%3E%0A%20%09%3Cli%3E%3Cimg%20src%3D%22eg-images%2Fimage3.jpg%22%20alt%3D%22%22%20border%3D%220%22%20%2F%3E%3C%2Fli%3E%0A%20%09%3Cli%3E%3Cimg%20src%3D%22eg-images%2Fimage4.jpg%22%20alt%3D%22%22%20border%3D%220%22%20%2F%3E%3C%2Fli%3E%0A%20%09%3Cli%3E%3Cimg%20src%3D%22eg-images%2Fimage5.jpg%22%20alt%3D%22%22%20border%3D%220%22%20%2F%3E%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3C%2Fdiv%3E%0A%3Cdiv%20id%3D%22ssgThumbs%22%3E%3C%2Fdiv%3E » message= » » highlight= » » provider= »manual »/]

Ça reste donc assez ludique et compréhensible, pour un rendu agréable.

Site de Easy Gallery

Articles qui peuvent vous intéresser :

• Pajinate – Plugin jQuery – La pagination en javascript
• jQuery – 20 plugins jQuery à retenir
• jqIsoText – Plugin jQuery – Effet de texte isométrique
• YoxView – Plugin jQuery – Une lightbox améliorée
• Quicksand – Plugin jQuery – Trie et filtre avec effets d’animations