February 24
ID consente agli sviluppatori Web di visualizzare più immagini in una singola pagina HTML. Cliccando su un link alterato mostrerà ogni immagine assegnata in una finestra pop-up interno. L'effetto si ottiene utilizzando il codice JavaScript.
1 Carica le immagini al server Web. Ai fini della visualizzazione, cercare di rendere ogni immagine della stessa dimensione dei pixel. Si noti che il sentiero URL di ogni file.
2 Creare una directory "lightbox" nella directory principale del server Web. Potrai archiviare tutti gli elementi di Lightbox in questa directory.
3 Scaricare lo script ID. Decomprimere il file.
4 Carica le CSS, immagini e cartelle JS alla directory "lightbox" sul server Web.
5 Aprire il file HTML che si desidera aggiungere l'ID. Aggiungere le seguenti quattro righe di codice tra i tag <head> </ head> tag:
<Script type = "text / javascript" href = "http://www.yoururl.com/lightbox/css/lightbox.css" type = supporto = "screen" "text / css" />
Sostituire "yoururl.com" con l'URL principale del tuo sito web.
6 Aggiungere il codice ID JavaScript per il codice HTML. Inserire il codice seguente tra i tag <body> </ body>: <a href="http://www.yoururl.com/images/image-1.jpg" rel="lightbox" title="my caption"> immagine # 1 </a>
Sostituire "http://www.yoururl.com/images/image-1.jpg" con il sentiero URL di una delle immagini che hai caricato al punto 1. Alter "la mia voce" a qualunque titolo che desideri assegnato a quel Immagine. Change "immagine # 1" a qualsiasi codice testo o immagine.
7 Salvare il documento HTML. Caricare sul server Web. L'anteprima della pagina per assicurarsi che lo script ID funziona correttamente.