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.