web-dev-qa-db-fra.com

jQuery: Comment puis-je afficher une image contextuelle en cliquant sur la vignette?

Dans ma page aspx, j'ai une image miniature <img>. Lorsque l'utilisateur clique sur cette image, j'aimerais afficher une fenêtre contextuelle qui bloque le reste de l'interface utilisateur avec la version plus grande (complète) de l'image.

Y at-il des plugins qui peuvent faire cela?

51
dexter

Il y a beaucoup de plugins jQuery disponibles pour cela

Thickbox

LightBox

FancyBox

FaceBox

NyroModal

PiroBox

Exemples de Thickbox

Pour une seule image

  1. Créer un élément de lien ()
  2. Donne au lien un attribut de classe avec une valeur de thickbox (class = "thickbox")
  3. Indiquez un chemin dans l'attribut href vers un fichier image (.jpg .jpeg .png .gif .bmp)
109
rahul

J'aime prettyPhoto

prettyPhoto est un clone jQuery lightbox . Non seulement il prend en charge les images, il prend également en charge les vidéos, flash, YouTube, iframes et ajax. C'est une lightbox de média complète

6
fastsoft

C'est la galerie pop-up la plus populaire (9500 étoiles) et légère (20 Ko, min. 7,5 Ko + gzip) Je pense: Magnific-Popup

2
Morteza Ziyae

Désolé de poster sur un si vieux fil. J'étais dans la même situation et j'ai trouvé une solution différente qui fonctionnait mieux pour moi (je n'avais pas à coder)

WOWslider

Bonne chance

2
user9869932

prettyPhoto est un clone jQuery lightbox. Non seulement il prend en charge les images, il prend également en charge les vidéos, flash, YouTube, iframes et ajax. C'est une lightbox de média complète

0
Tran Tuan Anh