Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Caixa leve Tutorial
Lightbox é um javascript revolucionário que permite que você visualize imagens, vídeos ou até mesmo uma página web inteira em uma sobreposição de semi- transparente em um site. Há muitas versões e adaptações de Lightbox , mas todos eles são modelados após Lightbox JS , que foi originalmente escrito por Lokesh Dhakar . Embora Lightbox JS pode parecer confuso para um não- programador , ele pode realmente ser configurado com bastante facilidade com algumas instruções . Primeiros Lightbox

Adquirir os arquivos apropriados . Existem várias versões do Lightbox original e cada um é adaptado para um determinado conjunto de necessidades. Se você estará usando Lightbox apenas para exibir imagens , o download dos arquivos para o Lightbox JS 2. Se você deseja exibir páginas da Web em mesas de luz , existe um pacote chamado Lightbox Gone Wild que está configurado para isso. Se você está tendo problemas para obter Lightbox JS 2 para rodar no seu servidor web , tente usar Lightbox Plus.
Usando Lightbox JS 2

Lighbox JS 2 está disponível para download gratuitamente no HuddleTogether.com eo arquivo zip inclui tudo que você precisa ter de luz em seu site. Depois de ter baixado e descompactado os arquivos , crie uma pasta para os arquivos de Mesa de Luz em seu servidor web. Abra a página da web que você deseja ter Lightbox trabalhando - por exemplo index.html - e insira o seguinte código em seu cabeçalho :

" < ligação rel = " stylesheet" href = " http://www.example.com/lightbox.css " type = media "text /css " = " screen " /> < tipo de script = "text /javascript " src = " http://www.example.com/prototype.js "> < /script> < script tipo =" text /javascript "src =" http://www.example.com/scriptaculous.js?load = efeitos " > "

Ajuste os diretórios para combinar sua estrutura de diretório . Em seguida, abra os arquivos Lightbox.cs e ir para o final do documento . Edite os caminhos para prev.gif e next.gif para corresponder à sua estrutura de diretórios. Faça o mesmo em lightbox.js para loading.gif e close.gif . Agora fazer o upload dos arquivos para seu diretório Lightbox no seu servidor web. Lightbox está agora pronto para ser usado em seu site.

Para usar Lightbox você deve chamar o script. O script Lightbox é chamado por uma combinação de referência de hiperlink e tags HTML de imagem. Basta usar o exemplo abaixo para inserir uma imagem que funciona como uma mesa de luz:

" "

Se você chamar várias imagens em uma web página , desta forma, você será capaz de fazê-lo no Lightbox utilizando os botões anterior e seguinte.

Anterior :

Próximo : No
  Os artigos relacionados
·Como remover um manipulador de eventos em TinyMCE 
·Como escrever para cookies do PageContext JSP 
·Como definir um cookie quando Mudando o idioma do site 
·Como calcular o tempo de carga 
·O que é a subida do evento 
·O que está causando feito, mas com erro em uma Página…
·Framesets corretos para JavaScript 
·Como remover um Tag P com jQuery 
·Como se Navegador Largura 
·Javascript e Expressões Regulares para códigos postai…
  Artigos em destaque
·Impulsione Multithreading Tutorial 
·Ferramentas usadas na programação 
·Como criar um DFD 
·Como fazer um script de usuário em GreaseMonkey 
·Como obter um script de Cookies 
·Como escrever uma classe abstrata em Java 
·Como escrever uma API MFC para Shutdown Workstation 
·Como escrever aplicações de banco de dados com C # 
·C + + e verificação de erros de sintaxe 
·Como importar Cordas em Java 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados