Nwlapcug.com


Come fare un'immagine innescare una Lightbox

Le Lightbox sono finestre di dialogo modali che sono sovrapposti in cima a una pagina web. Essi sono spesso utilizzati dagli sviluppatori web per visualizzare immagini o video in maniera piacevole, facile da usare. Fortunatamente per gli sviluppatori, ci sono molti Javascript plug-in esistenti che semplificano il processo di creazione e mostrando un lightbox. Uno popolare plug-in è Lightbox JS. Utilizzo di Lightbox JS, gli sviluppatori devono solo scrivere poche righe di codice per fare un clic su un'immagine innescare una lightbox.

Istruzioni

1

Vai a http://www.huddletogether.com/projects/lightbox/ e scaricare lo script Lightbox JS.

2

Individuare il "< testa >< / testa >" tag della tua pagina web. Tra queste righe, includere lo script Lightbox JS è stato scaricato nel passaggio 1: "< script type =" text/javascript"tag di ancoraggio. Impostare il "< a >" attributo del tag rel a "lightbox" e il relativo attributo src al percorso del file immagine.

4

Il codice finale dovrebbe assomigliare a questo:

< a href = "my-image-src.jpg" rel = "lightbox" >< img src = "my-image-src.jpg" / >< /a >