Comment puis-je faire une vignette & lt; img & gt; afficher une image en taille réelle lorsque vous cliquez dessus?

Normalement, vous avez une image tage avec le src comme la source de l'image et de la alt comme le texte alternatif:

<img src="image1.gif" alt="Image 1" />

Pouvez-vous avoir quelque chose comme?:

<img src="image1.gif" alt="image2.gif" />

Ce qui signifie que le src a une source de l'image et de la alt possède également une source de l'image.

Ce que je veux faire est de tirer 2 images sur flickr, à l'aide de l'api de flickr (un pouce de l'image et une taille normale de l'image) et lorsque l'utilisateur clique sur le pouce, à la taille normale de l'image est affiché.

J'ai essayé quelque chose comme ceci:

<a href="image2.gif" ><img src="image1.gif"/></a>

...mais j'obtiens la valeur par défaut " pas trouvé l'image de la manette (même si l'image n'existe vraiment).

Je suis en utilisant JQuery/Javascript.

Toute aide, des suggestions ou même des solutions de rechange sont tous les bienvenus et appréciés.

Grâce


Merci pour la réponse de Sam,

Je n'aime pas la lightbox, car je le trouve trop lent et trop de fantaisie.

mais j'aime geowa4'idée.

mais s'il vous plaît, gardez vos réponses à venir...

grâce

source d'informationauteur A Hassan