Lightbox é um open-source livre biblioteca JavaScript que você pode usar para apresentar uma galeria de imagens em sua página da web de uma forma visualmente atraente. Quando um usuário clica em um dos seus imagens em miniatura , Lightbox vai desaparecer o fundo da página e ampliar a imagem para preencher a janela do navegador . O criador do Lightbox tornou possível adicionar esta funcionalidade para o seu site com apenas algumas pequenas modificações em seu código HTML. Coisas que você precisa browser página HTML ( s) Imagens de Stock Show Mais instruções 1
Abra seu navegador e vá para a Lightbox home page (consulte Recursos) . Baixe a versão mais recente da biblioteca. 2
Extraia o arquivo ZIP que você baixou . Ele contém um arquivo HTML de amostra e três pastas : " css ", que contém folhas de estilo usadas pelo Lightbox , "imagens ", que contém imagens utilizadas pela biblioteca , e " js ", que contém o código-fonte Lightbox , bem como o protótipo e bibliotecas scriptaculous que são exigidos por Lightbox . 3
Copie o " css ", "imagens " e " js " pastas para um local que é acessível a partir de sua página. As etapas restantes irão assumir que você colocou -os no mesmo diretório que o seu arquivo HTML , se você colocá-los em um local diferente , você terá que ajustar os caminhos nessas etapas de acordo 4
. Abra o arquivo HTML que usará Lightbox em seu editor de texto preferido. 5
Se você ainda não estiver usando as bibliotecas Prototype e Scriptaculous na sua página, adicione as duas linhas a seguir no "