[css-d] CSS-only lightbox

2013-11-06 Thread Rachel Mawhood

Hi list

I have looked on the web for instances of a lightbox done only with 
CSS but all those I found seem to have to use a small amount of javascript.


Does anyone know of a CSS-only way of doing this?  Ie an image is 
clickable and when you click on it, a larger version is displayed 
while the rest of the browser page is veiled in dark grey.  To restore 
the web page, you click anywhere on the screen.


Thank you.
Rachel

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] CSS-only lightbox

2013-11-06 Thread Hahnel, Fred (DET-MRM)
try this search:  
https://www.google.com/search?q=css+only+lightboxrlz=1C1CHFX_enUS536US536oq=css+only+lightboxaqs=chrome..69i57j0l3.3519j0j4sourceid=chromeie=UTF-8



-Fred Hahnel

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Rachel Mawhood
Sent: Wednesday, November 06, 2013 4:17 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] CSS-only lightbox

Hi list

I have looked on the web for instances of a lightbox done only with CSS but 
all those I found seem to have to use a small amount of javascript.

Does anyone know of a CSS-only way of doing this?  Ie an image is clickable 
and when you click on it, a larger version is displayed while the rest of the 
browser page is veiled in dark grey.  To restore the web page, you click 
anywhere on the screen.

Thank you.
Rachel

__
css-discuss [css-d@lists.css-discuss.org] 
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- 
http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
This message contains information which may be confidential and privileged. 
Unless you are the intended recipient (or authorized to receive this message 
for the intended recipient), you may not use, copy, disseminate or disclose to 
anyone the message or any information contained in the message.  If you have 
received the message in error, please advise the sender by reply e-mail, and 
delete the message.  Thank you very much.

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] CSS-only lightbox

2013-11-06 Thread Greg Wilker
Or this:
http://bit.ly/HHcGr3

-Original Message-
From:, Fred (DET-MRM)
Subject: Re: [css-d] CSS-only lightbox

try this search:
https://www.google.com/search?q=css+only+lightboxrlz=1C1CHFX_enUS536US536o
q=css+only+lightboxaqs=chrome..69i57j0l3.3519j0j4sourceid=chromeie=UTF-8

-Original Message-
From: Rachel Mawhood
Subject: [css-d] CSS-only lightbox

I have looked on the web for instances of a lightbox done only with CSS
but all those I found seem to have to use a small amount of javascript.

Does anyone know of a CSS-only way of doing this?


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/