Mosaic, un plugin jQuery pour images

le mardi 05 juillet 2011 à 20:15:06 édité par Gensou Thomas

Mosaic, est un plugin de jQuery permettant l'insertion d'animation au passage de la souris sur vos photos, vos images, en y intégrant un titre, et une description mais également une loupe ou un bouton de lecture.

Du simple effet de slide vertical ou horizontal, il gère également un effet d'opacité sur l'élément de la description.

Vous pouvez apercevoir ce plugin sur Gensou.fr dans notre rubrique "Trucs Et Astuces".

Simple à installer sur vos pages web, il s'avère très pratique pour tous ceux qui désirent créer une galerie d'images.

Vous pouvez télécharger ce plugin via ce lien.

N'oubliez pas en récupérant le code dans l'exemple du plugin Mosaic, de faire attention à l'arborescence de vos fichiers, cela permettrait d'éviter une erreur suite à une feuille de style mal renseignée ex :
background:#111 url(../img/progress.gif) no-repeat center center;

Vous pouvez découvrir les animations dans la démo de Mosaic ici

Une recommandation s'applique pour les navigateurs IE 8.0 qui ne gère pas l'opacité, de bien laisser entre les balises head cette ligne de code indispensable :
<meta http-equiv="X-UA-Compatible" content="IE=8" />