Lightbox är ett gratis open - source JavaScript -bibliotek som du kan använda för att presentera ett bildgalleri på din webbsida på ett estetiskt tilltalande sätt . När en användare klickar på en av dina miniatyrbilder , kommer Lightbox tona ut sidans bakgrund och zooma in bilden för att fylla i webbläsarfönstret . Skaparen av Lightbox har gjort det möjligt att lägga till denna funktionalitet till din webbplats med endast några smärre ändringar i HTML-koden . Saker du behöver
webbläsare
HTML-sida (s ) katalog Images
Visa fler instruktioner
1
Öppna din webbläsare och gå till ljusbord hemsida ( se Resurser ) . Hämta den senaste versionen av biblioteket .
2
Extrahera zip -filen som du har hämtat . Den innehåller ett exempel på HTML -fil och tre mappar: " css ", som innehåller formatmallar används av ljusbord , "bilder ", som innehåller bilder som används av biblioteket , och " js ", som innehåller koden ljusbord källa samt Prototype och scriptaculous bibliotek som krävs av Lightbox .
3
Kopiera " css ", " bilder" och " js " mappar till en plats som är tillgänglig från din webbsida . De återstående stegen kommer att anta att du har placerat dem i samma katalog som HTML-filen , om du sätter dem på en annan plats , måste du justera sökvägarna i dessa åtgärder i enlighet
4
. Öppna HTML -filen som ska använda Lightbox i en textredigerare .
5 p Om du inte redan använder Prototype och scriptaculous bibliotek på din webbsida , lägga till följande två rader i "
, "i HTML -filen :