Link to home
Start Free TrialLog in
Avatar of keewong
keewong

asked on

opening image on top of a browser window

http://www.starcraft2.com/features/terran/thor.xml -> Click on the third image on the vertical menu, "Concept".

It opens up an image, and turns everything else in the background to be darkened.

anyone know how I can create that effect?
Avatar of lherrou
lherrou
Flag of Ukraine image

keewong,

Sure, it's not too hard, using CSS and Javascript. On a click on the menu item, you put a dark layer up which covers the entire screen, but set to 75% opacity. Centered in that layer is the photo - not as a background image, though, or it would have transparency as well. Also using javascript, if you click anywhere on the dark layer, you hide that layer again.

Cheers,
LHerrou
Avatar of keewong
keewong

ASKER

thanks LHerrou,

I'm not very much a programmer, anyway to set up the css file, and html file and post it?
ASKER CERTIFIED SOLUTION
Avatar of Daydreams
Daydreams

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 keewong

ASKER

thats beautiful! thanks Daydreams!
You're welcome keewong and good luck with your project! :-)