Javascript Lightbox Tutorial

Lightbox è una libreria JavaScript open source gratuito che è possibile utilizzare per presentare una galleria di immagini nella tua pagina web in un modo visivamente accattivante. Quando un utente fa clic su una delle tue immagini in miniatura , Lightbox svanirà sfondo della pagina e ingrandire l'immagine per riempire la finestra del browser . Il creatore di Lightbox ha consentito di aggiungere questa funzionalità al tuo sito web con solo qualche piccola modifica al codice HTML . Cose che ti serviranno
Browser Web
pagina HTML ( s ) per Immagini
Show More Istruzioni
1

Aprire il browser Web e andare alla Lightbox home page ( vedi Risorse ) . Scarica l'ultima versione della libreria .
2

estrarre il file zip che avete scaricato . Esso contiene un file HTML di esempio e di tre cartelle : " css ", che contiene i fogli di stile utilizzati da Lightbox , "immagini ", che contiene le immagini usate dalla libreria , e " js ", che contiene il codice sorgente Lightbox nonché il prototipo e biblioteche Scriptaculous che sono richiesti da Lightbox .
3

Copiare i " css ", " immagini" e "cartelle js" ad una posizione accessibile dal tuo sito . I passaggi rimanenti si assume che le hai messo nella stessa directory del file HTML , se li metti in una posizione diversa , è necessario modificare i percorsi in questi passaggi di conseguenza
4

. aprire il file HTML che userà Lightbox nel vostro editor di testo preferito .
5

Se non si utilizza già il prototipo e le librerie Scriptaculous nella tua pagina web , aggiungere le seguenti due righe nel " , " sezione del file HTML :