Chargement…

Créer Une Galerie Photo Avec Jquery



Pour créer une galerie photo avec jquery avec effet Zoom sur image, on va utiliser un plugin qui s’intègre facilement dans n’importe quel site. Serte, vous aurez a modifier le CSS pour que la galerie s’affiche normalement sur votre site web, mais avec ce plugin vous aurez une galerie photo avec effet Lightbox (zoom sur image) et des paramètres alternatifs où vous pouvez spécifier des propriétés comme la vitesse d’animation et l’opacité de fond…

Comment Créer Une Galerie Photo Avec Jquery

La source de notre galerie photo inclue le Jquery plugin (jquery.lightbox-0.5.min.js) ainsi que sa feuille de style (jquery.lightbox-0.5.css). Pour changer l’arriére plan et l’opacité de fond, ouvrez le jquery.lightbox-0.5.min.js avec un éditeur de texte comme Notepad++ puis changer ses valeurs :

galerie photo effet zoom lightbox

Comment insérer les photos de la galerie

Si vous ouvrez index.html avec un éditeur de texte, on a ses lignes :

Dans notre exemple on a utiliser des photos avec une résolution de 600×450. 1.jpg est la photo qui apparaît avec un effet Zoom, alors que 1-petit.jpg est sa vignette, elle doit avoir une résolution de 150×150.

galerie photo avec jquery


Laisser un commentaire