Link to home
Start Free TrialLog in
Avatar of lwfuk
lwfuk

asked on

How do I make a pop up page like light box.

Lately I have noticed lots of sites using popups like:

http://www.huddletogether.com/projects/lightbox/ (Click on image)

Does anybody know what this effect is called and where there is a tutorial?
Avatar of David S.
David S.
Flag of United States of America image

I just call it LightBox. I suppose technically it's a kind of "modal dialog".

Here's a newer version of that: http://www.lokeshdhakar.com/projects/lightbox2/

You could also look at ThickBox (http://jquery.com/demo/thickbox/) which is very similar.

As for tutorials, if the information on those pages isn't enough for you, I suggest you look for beginners materials for CSS and JavaScript.
Avatar of lwfuk
lwfuk

ASKER

I know all about light box. That's why I included the link.

I am looking for a tutorial on how to create the popup effect in css/javascript.

I want to take an html page and make it popup whilst masking out all of the surrounding stuff like they do in lightbox.

Does anybody know what it is called and how to do it?
Oh you want to learn how to make the different pieces of it yourself. Why didn't you say so?

Why don't you just read through the code for those implementations?

I know how to do it, but don't know a name for it other than "gray out the page and show a popup on top of it".

Here's one way to gray out the page: http://forums.devshed.com/css-help-116/darken-site-for-loading-443500.html
Avatar of lwfuk

ASKER

Kravimir: The demo doesn't do what lightbox does. I want the html page to pop-up and be displayed at full contrast whilst greying out the content underneath.
That's the point. It's only part of the puzzle.
Avatar of lwfuk

ASKER

I need a solution - not a puzzle.
ASKER CERTIFIED SOLUTION
Avatar of lwfuk
lwfuk

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of lwfuk

ASKER

Sorry - I wished to select my own solution and I didn't want to cancel the question.