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?

How do I create a pop up image in HTML?

This will show up a piece of code, if you want to simply show an image, put the id="popup" directly on your <img> tag.

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)