Hi,
I need a re-usable CSS script that will let me click on any image or link on a website and have it slightly 'dim out' the website and display a previously hidden DIV that comes into focus that contains other content, such as a video or other stuff.
The top left corner of the DIV should have a black circle with a white X that you can click to close it; or, you can click anywhere outside the DIV to close it.
The script should allow me to define the dimensions of the DIV, as well as the color/properties of the shading of the dimmed out website below it.
Essentially, I would like to copy what Apple is doing here, complete with the "zoom-in" and "zoom-out" effects when you click on a page element.
[login to view URL]
(Click on 'Anatomy of a Mac' to see what I want to do in action.)
This should work with IE, Firefox, and Safari.
This should be a very easy project if you know what you are doing.
Thank you