Come fare un'immagine trigger un ID

August 22

Raccolte sono finestre di dialogo modali che vengono sovrapposte in cima ad una pagina web. Essi sono spesso utilizzati dagli sviluppatori web per visualizzare immagini o video in una maniera user-friendly gradevole. Fortunatamente per gli sviluppatori, ci sono molti attuali plug-in Javascript che semplificano il processo di creazione e mostrando un lightbox. Un popolare plug-in è Lightbox JS. Utilizzando Lightbox JS, gli sviluppatori devono solo scrivere poche righe di codice per fare un clic su un'immagine innescare un lightbox.

istruzione

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

2 Individuare il "<head> </ head>" tag della tua pagina web. Tra queste linee, includere lo script Lightbox JS scaricato al punto 1: ". Ancoraggio tag Impostare il" "<script type =" text / javascript <a> "attributo rel del tag di" lightbox "e il suo attributo src alla posizione del il file di immagine.

4 Il tuo codice finale dovrebbe essere simile a questo:

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