Lysbord er en revolutionerende javascript , som giver dig mulighed for at se billeder , videoer eller endda en hel webside i en semi -transparent overlay på en hjemmeside. Der er mange versioner og tilpasninger af Lysbord , men de er alle modelleret efter Lysbord JS, som oprindeligt blev skrevet af Lokesh Dhakar . Selvom Lysbord JS kan synes forvirrende for en ikke- programmør , kan det faktisk sættes op temmelig nemt med et par anvisninger. Kom Lightbox

Erhverve de rigtige filer. Der er flere versioner af den oprindelige Lysbord , og hver er skræddersyet til et bestemt sæt af behov. Hvis du vil bruge Lysbord bare for at vise billeder , downloade filerne til Lightbox JS 2. . Hvis du ønsker at vise websider i lightboxer , der er en pakke kaldet Lysbord Gone Wild , der er konfigureret til dette. Hvis du har problemer med at få Lightbox JS 2 til at køre på webserveren , kan du prøve at bruge Lysbord Plus.
Brug Lightbox JS 2

Lighbox JS 2 er tilgængelig til at downloade gratis på HuddleTogether.com og zip-filen indeholder alt hvad du behøver at have lightboxer på dit website. Når du har downloadet og udpakket filerne , skal du oprette en mappe til Lightbox filer på din webserver. Åbn den webside, du ønsker at have Lysbord arbejder på - for eksempel index.html - - ​​og indsæt følgende kode i din header : Hej

" <- Start LightboxJS2 -> < link rel = " stylesheet " href = " http://www.example.com/lightbox.css " type = " text /css " media = " screen" /> < script type = "text /javascript " src = " http://www.example.com/prototype.js "> < script type = " text /javascript "src =" http://www.example.com/scriptaculous.js?load = effekter "> "

Juster mapper til at matche din mappestruktur. Næste åbne filen Lightbox.cs og gå til slutningen af ​​dokumentet . Rediger stier til prev.gif og next.gif at matche din mappestruktur. Gør det samme i lightbox.js for loading.gif og close.gif . Nu overføre filerne til din Lysbord mappe på din webserver. Lysbord er nu klar til at blive brugt på dit websted.

For at bruge Lysbord skal du ringe scriptet. Den Lightbox scriptet kaldes af en kombination af det hyperlink reference og billedfiler HTML-tags. Du skal blot bruge nedenstående eksempel for at indsætte et billede, der fungerer som en lightbox : Hej

" "
p Hvis du kalder flere billeder på en web side på denne måde , vil du være i stand til at finde dem i Lysbord hjælp af de forrige og næste knapper.