Bidouilleur

Si vous aussi vous souhaitez créer vos Pop-in à la « web 2.0″ je vous conseille le plugin Jquery nyroModal, il permet de créer des Pop-in ou même des galeries d’ images (ou vidéos,textes… )extrêmement facilement et avec un effet assez réussi.

Ce plugin réserve tout un tas de surprises, pour les découvrir je vous conseille de jeter un œil à la documentation.

Exemple de code Pour créer une galerie multimedia(photos, vidéos youtube):

Code Jquery:

1

$('a.nyroModal').nyroModal();

Code HTML:

1
2
3
4
5

<a id="imgFiche" class="nyroModal" title="UCLA" rel="gal" href="img/img1.jpg">Gallery Img 1</a>
<a class="nyroModal" title="3rd Street Promenade by Night" rel="gal" href="img/img2.jpg">Gallery Img 2</a>
<a class="nyroModal" title="Hockey Goal fight" rel="gal" href="http://www.youtube.com/watch?v=lddUnv1R5y0">Youtube in gallery</a>
 
<a class="nyroModal" title="Sunset at Santa Monica" rel="gal" href="img/img3.jpg">Gallery Img 3</a>

Téléchargement.

Et si ce plugin ne vous convient pas vous pouvez toujours jeter un œil sur le plugin lightbox ou encore thickbox.

Twitter ce post