Egyszerű, könnyű, Cross Browser Lightbox a weboldala
Nem létezik, hogy csak néhány azon LightBox, hogy megtalálja, ha google. A kérdés a legtöbb albumok találtam az volt, hogy minden úgy tűnt, hogy az egyik vagy a másik nagy súlyú JAVASCRIPT keretek, mint a jQuery, Prototype, MooTools és a szeret. Ezek mind hűvös és hencegő keres. De ha a követelmény, hogy "de én szeretnék egy egyszerű és könnyű LightBox SCRIPT oldalam", akkor itt van;
Néhány szép funkciói adni
- Nagyon könnyű
egy. 4kB a Scripts amikor a csomagolt (8 kb csomagolatlan)
b. 2 KB CSS
c. Néhány sornyi HTML adni a tartály - Egyszerű megérteni és végrehajtani
- Lehet több albumok ugyanazon az oldalon.
- Ugyanez adni konténer megjelenítésére használják, különböző tartalmak (ami külön tartalmazza a rejtett megosztottság az oldalon), attól függően, hogy a link / opció kattint.
- Automatikusan középre magát, figyelembe véve minden olyan tényezőt, mint például ablak magassága és szélessége (képernyő felbontás), lapozzunk oldal összeg és a magassága tartalmát a albumba
- Tesztelve IE 7 és FF
Demo megtekintése |
Töltse Lightbox Forrás Zip (Letöltve 1793 alkalommal)
A Lightbox [fájlok a zip fájlban]
jo.js, jo_pack.js [csomagolt verzió]: - egy egyszerű JavaScript objektumok [JO], amely elem, ablak-és dokumentum-helymeghatározó szkripteket. Meg tudja nyitni JO.JS ha szeretné kapni a kezét piszkos néhány fejlett Javascripting, ami absztrakt funkciók kiterjesztése és az ilyen elem tulajdonságait. Ha nem túl sokat Javascripting, Hagyd békén.
lightbox.js, lightbox_pack.js [csomagolt verzió]: - nem tartalmaz világító doboz szkriptjeire. Ha az oldal tervezője, felelős a végrehajtó adni az oldalon, meg kell értened a LightBoxManager. LightBoxManager alapvetően csak két funkciót tartalmaz, és showLightBox closeLightBox.
lightbox.css: - Ha tudja, CSS, játszhatsz körül lightbox.css szabni a look-n-érzi lightbox.css
index.html: Példa végrehajtása adni két különböző tartalom
lb_underlay_bkg.png: - Ez világos / átlátszó kép Simi, hogy használják a hátteret adni alátét [alátét az a réteg alatt lighbox, amely megakadályozza, hogy a felhasználó rákattint bármely más szervezet az oldalon, míg a nyitott adni]. Használhatja bármelyik képet, vagy akár egy egyszínű erre a célra, attól függően, hogy az oldal tervezés és a követelmény.
icon_lb_close.gif: - A kép közel adni fogantyút a jobb felső világító doboz. Használhatja minden képet mintánként
Demo megtekintése |
Töltse Lightbox Forrás Zip (Letöltve 1793 alkalommal)
Kérjük, ossza meg velünk, hogy meg észrevételeit és visszajelzéseit ...
