Come utilizzare un ID in JavaScript

November 8

ID è uno script JavaScript che è possibile utilizzare sulle tue pagine web. Invece di aprire un'immagine cliccato su una completamente nuova pagina Web, ID sovrappone l'immagine cliccato sulla parte superiore della pagina Web corrente, oscuramento della pagina corrente in background. È possibile utilizzare ID sulle tue pagine Web scaricando i file di script, CSS e di immagine Lightbox, poi loro immissione sul server Web. Dopo aver incluso gli script Lightbox e file CSS nell'intestazione della pagina, è possibile utilizzare ID per un link d'immagine con l'aggiunta di un attributo al collegamento dell'immagine.

istruzione

1 Scaricare il file zip ID da LokeshDhakar.com. Mettere i "CSS", "immagini" e "directory inclusi js" sul server Web.

2 Aprire il codice sorgente HTML della pagina Web in un editor di testo.

3 Aggiungere le seguenti righe di intestazione della pagina, tra il "<head>" e "</ head>" tag nel codice sorgente:

<Script type = "text / javascript" href = "css / lightbox.css" type = "text / css" media = "screen" />

4 Utilizzare Lightbox per un link d'immagine con l'aggiunta del "rel =" lightbox "" proprietà a qualsiasi tag link immagine nel codice. Ad esempio, il seguente tag crea un collegamento denominato "Link" che apre l'immagine "example.jpg" nelle "immagini" directory in un riquadro ID, con il titolo "Titolo":

<a href="images/example.jpg" rel="lightbox" title="Title"> link </a>

5 Salvare il file di codice sorgente HTML e caricarlo sul server Web.

Consigli e avvertenze

  • set gruppo di immagini correlate digitando "rel =" lightbox [nome_serie] "" invece di "rel =" lightbox "", sostituendo "nome_serie" con un nome per il set di immagini. Includere le parentesi quadre.