How to create a dialog using jquery

Question

I am basically trying to achieve what this page has:

When clicked on an image, it should pop out, make the back screen black, and have a close button.

I've seen lot of sites with this. Does anyone know which jquery plugin could be used for this?

Answer 1

This is a jquery ui plugin for modals: http://nyromodal.nyrodev.com/

Answer 2

Here's one but I'd recommend you just search the plugins on the jQuery site or bang your question into Google and look for the perfect one for your needs, there's gadgillions out there!

jQuery lightbox plugin

Answer 3

Here's a comparison of 10 different implementations:

http://line25.com/articles/rounding-up-the-top-10-jquery-lightbox-scripts

Answer 4

You could try the jQuery UI Dialog Plugin, to stick with jQuery, and putting an img inside the content to show.

By the way, the page is using Lightview, wich works with Prototype and Scriptaculous (but not jQuery).

Answer 5

Try using thickbox or lightbox for images

Answer 6

facebox is good too... I've been using that one, and it works well. Though if you're using it with ASP.NET you need to make a small change to the js file. (Check this link).

Also, you would need to make a small css change (or possibly js) to get the blackened background, but it wouldn't be too hard.