Eae dev’s, tudo sussa?

Existe quem ache que para fazer um efeito lightbox precise usar bibliotecas como Jquery ou alguma outra biblioteca de terceiros, na verdade um efeito semelhante pode ser atingido apenas com CSS e Javascript, conforme o exemplo abaixo.

lightbox

 

Esse efeito se atinge usando duas DIVs sobrepostas, sendo uma de fundo que vai ter uma opacidade que permita ela ficar transparente e outra div por cima, com o z-index com um valor mais alto, através de javascript você oculta e exibe as divs.

 

Show me the code

Referências:

http://lokeshdhakar.com/projects/lightbox/

 

VN:F [1.9.22_1171]
Rating: 10.0/10 (1 vote cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)
Lightbox somente com javascript e CSS, 10.0 out of 10 based on 1 rating