jQuery: How can I show an image popup onclick of the thumbnail?

问题

In my aspx page I have a thumbnail image <img>. When the user clicks on that image I would like a popup to show that blocks out the rest of the UI with the larger (full) version of the image.

Are there any plugins that can do this?

回答1:

There are a lot of jQuery plugins available for this

Thickbox

LightBox

FancyBox

FaceBox

NyroModal

PiroBox

Thickbox Examples

For a single image

1. Create a link element ()
2. Give the link a class attribute with a value of thickbox (class="thickbox")
3. Provide a path in the href attribute to an image file (.jpg .jpeg .png .gif .bmp)

回答2:

I like prettyPhoto

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox

回答3:

Sorry for posting on such an old thread. I was in a same situation and I found a different solution that worked better for me (I didn't have to code)

WOWslider

Best of luck

回答4:

This is the most popular (9500 stars) and light weight (20KB minify, 7.5KB minify+gzip) popup gallery I think: Magnific-Popup

回答5:

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox

来源：https://stackoverflow.com/questions/2063199/jquery-how-can-i-show-an-image-popup-onclick-of-the-thumbnail