Lightbox er et gratis open -source JavaScript-bibliotek som du kan bruke til å presentere et bildegalleri på nettsiden på en visuelt tiltalende måte . Når en bruker klikker på en av dine miniatyrbilder, vil Lightbox fade ut siden bakgrunnen og zoome bildet til å fylle nettleservinduet . Skaperen av Lightbox har gjort det mulig å legge til denne funksjonaliteten til ditt nettsted med bare noen små endringer i HTML-koden. Du trenger en Web browser
HTML side (r )
Images
Vis flere instruksjoner
en
Åpne din nettleser og gå til Lightbox hjemmeside ( se Ressurser ) . Last ned den nyeste versjonen av biblioteket .
2
Pakk ut ZIP -filen som du har lastet ned . Den inneholder et eksempel HTML-fil og tre mapper: " css ", som inneholder stilark brukes av Lightbox ; "bilder ", som inneholder bilder som brukes på biblioteket , og " js ", som inneholder Lightbox kildekode samt Prototype og Scriptaculous biblioteker som kreves av Lightbox .
3
kopiere " css ", " bilder" og " JS " mapper til et sted som er tilgjengelig fra websiden din . De øvrige trinnene vil anta at du har plassert dem i samme katalog som HTML-filen , hvis du putter dem i en annen plassering , må du justere stier i disse trinnene tilsvarende
4
. Åpne HTML -filen som skal bruke Lightbox i din foretrukne teksteditor.
5 p Hvis du ikke allerede bruker Prototype og Scriptaculous bibliotekene på websiden din, legge til følgende to linjer i "
; "-delen av HTML-filen : en