Como criar uma lightbox html
Luz é uma ferramenta de design da Web que cria uma pequena caixa que exibe conteúdos como imagens ou texto em que ela aparece no centro da tela quando um link é clicado. Há muitas variações de criar uma mesa de luz, ea maioria deles requerem que alguns javascript ser usado. Há, no entanto, uma maneira de criar um efeito lightbox em seu site usando apenas código HTML.
Abra um editor de texto, como o Bloco de Notas ou TextEdit. Digite o código CSS na parte cabeçalho da sua página. primeiro tipo ""
Tipo "
Video: Tutorial: Galeria lightbox com HTML e CSS (sem javascript)
Adicionar um "Fechar" botão de sua mesa de luz por digitação "Fechar" dentro do conteúdo de sua Lightbox.
Criar um link para o Lightbox, digitando "Clique aqui" Substituir "Clique aqui" com o texto que deseja para o seu link.
Video: Galeria de Fotos em HTML+CSS
Salve o arquivo. Você já criou um Lightbox com apenas HTML.
Gorjeta
- Verifica Integre sua mesa de luz em uma seção do seu site. Eles são especialmente bons para a exibição de imagens ou vídeos.
Referências
- ligação Emanuele Feronato- Criar um efeito Lightbox apenas com CSS - não javascript agosto necessário- de 2007
- ligação Homepage Oficial Lightbox