Lightbox é um script JavaScript que você pode usar em suas páginas web. Em vez de abrir uma imagem clicada em uma inteiramente nova página da Web, Lightbox sobrepõe a imagem clicada no topo da página da Web atual , escurecimento da página atual em segundo plano. Você pode usar Lightbox em suas páginas da Web , baixando os arquivos de script Lightbox , CSS e de imagem, em seguida, colocando-as no seu servidor web. Depois de incluir os scripts de Mesa de Luz e arquivo CSS no cabeçalho da sua página , você pode usar Lightbox para um link de imagem , adicionando um atributo a ligação da imagem. Instruções
1
Baixe o arquivo zip do Lightbox LokeshDhakar.com . Coloque os " css ", " imagens incluídas " e " js " diretórios em seu servidor web.
2
Abra o código-fonte HTML da sua página da Web em um editor de texto .
< Br > 3
Adicione as seguintes linhas no cabeçalho da página, entre as "
" e " " tags no código fonte :
< tipo de script = "text /javascript "src =" js /prototype.js "> < /script >
< link rel = " stylesheet " href =" " type = " css /lightbox.css " media = " text /css tela "/>
4
Use Lightbox para um link de imagem , adicionando o " rel = " lightbox " " propriedade para qualquer tag link da imagem no código. Por exemplo, a seguinte tag cria um link chamado "Link" , que abre a imagem " example.jpg " no diretório "images" em um painel de Luz, com o título " Título " :
Link
5
Salve o arquivo de código-fonte HTML e enviá-lo para seu servidor web.