Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como usar um Lightbox em JavaScript
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.

Anterior :

Próximo : No
  Os artigos relacionados
·Como desenhar uma polilinha Ter uma variedade de locais…
·Como remover jQuery Accordion Styling 
·Data Diferença em Java Script 
·Código de Validação JavaScript para campos correspon…
·Java Script Verificação do Formulário de entrada de …
·Como desenhar curvas com Javascript 
·Como acessar o acelerômetro Via Javascript no Android 
·Como adicionar controles para o Google Maps API 
·Como fazer uma animação Bouncing Ball em HTML 
·Como fazer um JavaScript Carrinho de Compras 
  Artigos em destaque
·Como fazer JNLP Abrir com Java 
·Java Software Testing 
·Como sincronizar a Changelist 
·Como aumentar o valor de um ponteiro dentro de uma funç…
·Programação Vantagens e Desvantagens para Orientada a…
·As vantagens e desvantagens do método de sobrecarga em…
·Como incluir um arquivo de cabeçalho 
·Como matar ou DELETE em VB6 
·Como criar um fluxograma Visual Logic 
·Como adicionar botões a um Applet Java 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados