Javascript krabice Tutorial

krabice je bezplatný open - source JavaScript knižnice , ktoré môžete použiť , aby predložila galériu obrazu na svoje webové stránky vo vizuálne príťažlivý spôsob . Keď používateľ klikne na jednu z vašich miniatúrach , bude krabice fade out na pozadí stránky a zoom obrazu vyplniť okna prehliadača . Tvorca lightboxu bolo možné pridať túto funkciu do svojich webových stránkach len s niekoľkými drobnými úpravami kódu HTML . Veci , ktoré budete potrebovať klipart webový prehliadač klipart HTML stránke ( kách ) & Fotografie
Zobraziť viac Inštrukcie Cestuj 1

Otvorte webový prehliadač a prejdite do lightboxu domovská stránka ( pozri zdroje ) . Stiahnite si najnovšiu verziu knižnice .
2

Rozbaľte súbor ZIP , ktorý ste si stiahli . Obsahuje ukážkový súbor HTML a tri zložky : " css " , ktorý obsahuje štýly používané lightboxu ; " obrazy " , ktoré obsahuje obrázky použité v knižnici a " js " , ktorý obsahuje Lightbox zdrojový kód rovnako ako prototyp a Scriptaculous knižnice , ktoré sú požadované lightboxu .
3

skopírujte " css " , " Obrázky " a " js " zložky do umiestnenia , ktoré je prístupné z vašej webovej stránky . Zostávajúce kroky predpokladajú , že ste umiestnili je v rovnakom adresári ako súbor HTML , ak ste ich uložili do iného umiestnenia , budete musieť upraviť cesty v týchto krokoch zodpovedajúcim
4

. otvorte súbor HTML , ktorý sa bude používať Obľúbené vo vašom preferovanom textovom editore .
5

Ak ste už pomocou prototypu a Scriptaculous knižnice na svoje webové stránky , pridajte nasledujúce dva riadky v " ; " časť súboru HTML :