how do i enlarge image and fade out rest of page.

[sjhwebdesign]

I want to know how to create this effect that is starting to get used alot in image galleries.

 

Basically when the user clicks the image for "enlarge view", the image comes to front while the rest of the page fades to grey/black.

 

eg

 

http://w w w.din op c.c o m/shop/pc/Logitech-Wireless-keyboard-and-mouse-17p258.htm

[LSW]

My former project is doing such things using Ajax controls.

 

My current project would do it using Adobe Flex.

 

http://flex.org/showcase/

[lwsimon]

The original implementation is called Thickbox.

 

http://jquery.com/demo/thickbox/

 

I'm partial to nyroModal these days:

 

http://nyromodal.nyrodev.com/

[sjhwebdesign]

thanks for the advice, ive got "thickbox" running on my site.

 

for anone who wants to use this, the css file they have in the download link doesnt work properly, but if you view their source code and find the css link from there it works ok.

[falkencreative]

If anyone else is interested, I did find a useful link for all of the "lighbox" clones, which allows you to find the right script for you based on features, javascript library, etc.

 

http://planetozh.com/projects/lightbox-clones/

[sjhwebdesign]

If anyone else is interested, I did find a useful link for all of the "lighbox" clones, which allows you to find the right script for you based on features, javascript library, etc.

 

http://planetozh.com/projects/lightbox-clones/

 

cheers

 

this one is pretty good as it does images and youtube vids;

 

h tt p://rando mous.c o m/tools/floatbox/