Jednoduchý, lehký, kříž prohlížeč Lightbox pro vaše webové stránky
Ne že by to jsou jen některé LightBox je, že můžete najít, když Google. Problém s většinou lightboxů, že jsem zjistil, bylo, že se vše zdálo se použít jeden nebo jiné těžké váhy rámců JavaScriptu jako jQuery, Prototype Mootools a rád. Všichni jsou cool a elegantní hledáte. Ale Pokud váš požadavek "Ale já chci, jednoduchý a LEHKÝ lightbox SCRIPT svých webových stránek", pak tady je;
Některé pěkné rysy tohoto Oblíbených
- Velmi lehká
. 4 KB skriptů při balení (8 kB bez obalu)
b.. 2 kb CSS
c.. Pár řádků HTML pro lightboxu kontejneru - Jednoduché pochopit a realizovat
- Může mít více lightboxy na stejné stránce.
- Stejný Oblíbených kontejner se používá k zobrazení, jiný obsah, který je zahrnut jako samostatně skrytých oddílů na stránce) v závislosti na odkaz / option, který je klepli.
- Automaticky se centra, přičemž v úvahu všechny faktory, jako jsou okna výšky a šířky (rozlišení monitoru), str. vyhledejte množství a na výšku obsahu Oblíbených
- Testováno v IE 7 a FF
Zobrazit Demo |
Stáhnout Lightbox Zdroj Zip (Staženo 1793 krát)
Použití Lightbox [soubory v zip souboru]
jo.js a jo_pack.js [zabalené verze]: - jednoduchý soubor JAVASCRIPTU OBJEKTŮ [JO], který obsahuje prvek, okna a skripty dokumentů polohy. Můžete otevřít JO.JS, pokud chcete, aby vaše špinavé ruce s nějakým pokročilým Javascripting, vytvářet abstraktní funkce, rozšíření prvků vlastnosti a podobně. Pokud nemáte příliš v Javascripting, nechá to být.
lightbox.js, lightbox_pack.js [sbalil verze] - Obsahuje lehké skripty okně Správce. Pokud jste návrhář stránky, rovněž odpovídá s prováděním lightbox na stránce, musíte pochopit LightBoxManager. LightBoxManager podstatě obsahuje jen dvě funkce showLightBox a closeLightBox.
lightbox.css: - Pokud víte, CSS, můžete si pohrát s lightbox.css upravit vzhled-n-cítit lightbox.css
index.html: Ukázka implementace Oblíbených s dvěma různým obsahem
lb_underlay_bkg.png: - To je světlo / simi transparentní obraz, který se používá jako podklad pro podložení lightboxu [podložka se vrstva pod lighbox, která zabraňuje uživateli kliknutím na jakýkoliv jiný subjekt na stránce, zatímco Schránka je otevřena]. Můžete použít libovolný obrázek, nebo dokonce plná barva pro tento účel, v závislosti na vzhled stránky a požadavku.
icon_lb_close.gif: - obrázek pro EL páky na pravé horní části světelného pole. Lze použít jakýkoliv obrázek dle návrhu
Zobrazit Demo |
Stáhnout Lightbox Zdroj Zip (Staženo 1793 krát)
Prosím, dejte nám mají své připomínky a reakce ...
