Light Box Tutorial

krabice je revolučný javascript , ktorý umožňuje prezeranie obrázkov , videa alebo dokonca celé webové stránky v polopriehľadné prekrytie na internetových stránkach . Existuje mnoho verzií a úpravy lightboxu , ale všetky sú modelované po Lightbox JS , ktorý bol pôvodne napísaný Lokeš Dhakar . Hoci krabice JS môže zdať mätúce , non - programátor , môže byť skutočne vytvorený pomerne ľahko s niekoľkými inštrukciami. Ako krabica

Získať správne súbory . Existuje niekoľko verzií pôvodnej lightboxu a každý z nich je prispôsobený špecifickým súborom potrieb . Ak budete používať Obľúbené len na zobrazenie obrázkov , stiahnite si súbory pre Lightbox JS 2. Ak chcete zobraziť webové stránky vo vysokom rozlíšení , je balíček s názvom krabice Gone Wild , ktorý je konfigurovaný pre toto . Ak máte problémy s Lightbox JS 2 spustiť na vašom webovom serveri , skúste použiť Lightbox Plus .
Pomocou Lightbox JS 2

Lighbox JS 2 je k dispozícii na stiahnutie zadarmo na HuddleTogether.com a zip súbor obsahuje všetko , čo potrebujete mať lightbox na vašich webových stránkach . Potom, čo ste si stiahli a rozbalili súbory , vytvorte priečinok pre Lightbox súbory na vašom webovom serveri . Otvorte webovú stránku , ktorú chcete mať krabice prácu na - napríklad index.html , a vložte nasledujúci kód do hlavičky : < ! - Začiatok LightboxJS2 - >

" < link typ rel = " stylesheet " href = " http://www.example.com/lightbox.css " = media " text /css " = " screen " /> < typ script = " text /javascript " src = " http://www.example.com/prototype.js " > < /script > < typ script = " text /javascript " src = " http://www.example.com/scriptaculous.js?load = účinky " > < /script >