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?
http://www.huddletogether.com/projects/lightbox/ (Click on image)
Does anybody know what this effect is called and where there is a tutorial?
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?
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
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
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.
ASKER
I need a solution - not a puzzle.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Sorry - I wished to select my own solution and I didn't want to cancel the question.
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.