Drake
Drake

Reputation: 2461

How to create a dialog using jquery

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?

Upvotes: 0

Views: 365

Answers (6)

Stephen Lacy
Stephen Lacy

Reputation:

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

Upvotes: 0

eidylon
eidylon

Reputation: 7238

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.

Upvotes: 0

marcgg
marcgg

Reputation: 66505

Try using thickbox or lightbox for images

Upvotes: 0

eKek0
eKek0

Reputation: 23319

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).

Upvotes: 0

Jonas Høgh
Jonas Høgh

Reputation: 10884

Here's a comparison of 10 different implementations:

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

Upvotes: 4

daddywoodland
daddywoodland

Reputation: 1512

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

Upvotes: 1

Related Questions