[RESOLVED] Firefox addon effect: How'd they do that

[mataichi]

Hi,
I am trying to recreate an effect I have seen other places, but also on the firefox addon pages. If you go to any addon page ( https://addons.mozilla.org/en-US/firefox/addon/5203 ) and an image from the "More Images" section you will see that the main page is greyed out and a pop up displays the image you clicked.
I would love to be able to copy this using a cross browser implementation. I am not even sure what this would be called, so it is very difficult to google for information. I found 1 page that makes an attempt ( http://edwardawebb.com/programming/php-programming/cakephp/disable-page-show-translucent-progress-bar ), but isn't quite cross-browser friendly yet.

So does anybody know where I can find information regarding a solution or have any information about how to go about this? Anybody know a standard name this effect is called so I can google it?

Thanks!

[drhowarddrfine]

Google for lightbox+javascript

[Mr. E. Cryptic]

this (http://www.huddletogether.com/projects/lightbox2/) one's pretty decent.

[mataichi]

Ah ha, lightbox. That looks like it gives me a good starting point.

To be more specific, what I want to do is use this technique to disable the "underneath" page and have the user work only on the "top" page.
I think this should give me some ideas.

Thanks for the info guys!

[ray326]

Hint: the "underneath" page and the "top" page are actually the same page. The top "page" is just a div.

[mataichi]

Just an update for anyone interested.
I love the lightbox effect, but it was a bit of overkill for my purposes, so I took ray's idea along with the original tutorial I found in my original post.
It is not perfected yet, but I think it will work. I use a div the size of the document and apply an opacity background to "grey out" the page and so users can not click on anything. I then use another div to display a small box with information for the user.

Thnx!