Lysbord er en JavaScript script, som du kan bruge på dine websider. I stedet for at åbne en klikkede billede på en helt ny webside, overlejrer Lysbord det klikkede billede på toppen af aktuelle webside , dæmpning den aktuelle side i baggrunden. Du kan bruge Lysbord på dine websider ved at downloade Lysbord script , CSS og billedfiler , og derefter placere dem på din webserver . Efter herunder Lightbox scripts og CSS-fil på din side overskrift , kan du bruge Lysbord for et billede link ved at tilføje en attribut til billedets linket. Instruktioner
1
Download Lysbord zip -fil fra LokeshDhakar.com . Placer den medfølgende " css ", " billeder " og " js " mapper på din webserver .
2
Åbn din webside HTML-kildekode i en teksteditor .
< Br > 3
Tilføj følgende linjer til sidens header , mellem "
" og " " tags i kildekoden : Hej
< script type = "text /javascript "src =" js /prototype.js ">
< link rel = " stylesheet " href =" css /lightbox.css "type =" text /css " media =" screen "/>
4
Brug Lysbord for et billede link ved at tilføje " rel = " lightbox "" ejendom til ethvert billede link tag i koden . For eksempel opretter følgende tag et link med navnet " Link ", der åbner " example.jpg " image i " billeder " mappe en Lightbox ruden med titlen "Titel" : Hej
< a href = " billeder /example.jpg " rel = " lightbox " title = "Titel" > Link
5
Gem HTML-kildekoden fil og overføre den til din webserver . < br >