Hvordan bruke en Lightbox i Javascript

April 11

Lightbox er en Javascript-skript som du kan bruke på dine websider. I stedet for å åpne en klikket bilde på en helt ny webside, Lightbox overlegg klikket bildet på toppen av den gjeldende websiden, dimming gjeldende side i bakgrunnen. Du kan bruke Lightbox på websidene ved å laste ned Lightbox script, CSS og bildefiler, og deretter plassere dem på webserveren. Etter inkludert Lightbox skript og CSS-fil i sidens header, kan du bruke Lightbox for en bildelink ved å legge til et attributt til bildets link.

Bruksanvisning

1 Last ned Lightbox zip-filen fra LokeshDhakar.com. Plasser de inkluderte "css", "bilder" og "js" kataloger på webserveren din.

2 Åpne nettsidens HTML-kildekoden i et tekstredigeringsprogram.

3 Legg til følgende linjer til sidens header, mellom "<head>" og "</ head>" koder i kildekoden:

4 Bruk Lightbox for en bildelink ved å legge til "rel =" lightbox "" egenskapen til et bilde link tag i koden. For eksempel skaper følgende kode en link som heter "Link" som åpner "Example.jpg" bilde i "bilder" katalogen i en Lightbox rute, med tittelen "Title":

5 Lagre HTML-kildekoden filen og laste den opp til webserveren.

Hint

Gruppe sett av relaterte bilder ved å skrive "rel =" lightbox [settnavn] "" i stedet for "rel =" lightbox "", bytter ut "settnavn" med et navn på settet av bilder. Ta med hakeparenteser.