Image Display Technique

[steve]

I came across this website that has a great way for displaying images.
Rather than opening another browser window, it dynamically displays the
image in the center of the window, making the rest of the window
partially transparent. I looked at the source of the page, but can't
figure out how they are doing it.

Here is the site:
http://www.blendernation.com/

Just click on some of the image thumbnails to see what I mean.

Is this CSS? or Javascript? Does anyone have any idea how to do this?

Thanks,

Walker
WalkerFX

[axlq]

In article <11**********************@75g2000cwc.googlegroups. com>,
<st***@walkerfx.comwrote:

>http://www.blendernation.com/

Just click on some of the image thumbnails to see what I mean.

Is this CSS? or Javascript?

It's both. The fake "pop-up" is accomplished with CSS tricks, and all
the rest is driven by javascript.

>Does anyone have any idea how to do this?

Sure. Just view the source for the page, track down all the CSS
and javascript files loaded by it, study them, and figure it out.
Everything your browser can get, so can you.

-Alex

[Jeff North]

On 14 Aug 2006 17:06:57 -0700, in
comp.infosystems.www.authoring.stylesheets st***@walkerfx.com
<11**********************@75g2000cwc.googlegroups. comwrote:

>| I came across this website that has a great way for displaying images.
| Rather than opening another browser window, it dynamically displays the
| image in the center of the window, making the rest of the window
| partially transparent. I looked at the source of the page, but can't
| figure out how they are doing it.
|
| Here is the site:
| http://www.blendernation.com/
|
| Just click on some of the image thumbnails to see what I mean.
|
| Is this CSS? or Javascript? Does anyone have any idea how to do this?

It's a bit of both.

http://www.huddletogether.com/projects/lightbox/
http://serennz.cool.ne.jp/sb/sp/lightbox/#sample

or a variation of Lightbox
http://orangoo.com/labs/GreyBox/
---------------------------------------------------------------
jn******@yourpantsyahoo.com.au : Remove your pants to reply
---------------------------------------------------------------

[steve]

Thanks for your help guys!

Walker