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?
Best Answer
There are a lot of jQuery plugins available for this
Thickbox
LightBox
FancyBox
FaceBox
NyroModal
PiroBox
Thickbox Examples
For a single image
- Create a link element ()
- Give the link a class attribute with a value of thickbox(class="thickbox")
- Provide a path in the href attribute to an image file (.jpg .jpeg.png .gif .bmp)
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
This is the most popular (9500 stars) and light weight (20KB minify, 7.5KB minify+gzip) popup gallery I think:Magnific-Popup
I was in the same situation and found this one,
WOWslider
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