Jednoduchý, ľahký, kríž prehliadač Lightbox pre vaše webové stránky
Nie že by to sú len niektoré Lightbox je, že môžete nájsť, keď Google. Problém s väčšinou lightboxu, že som zistil, bolo, že sa všetko zdalo sa použiť jeden alebo inej ťažkej váhy rámcov JavaScriptu ako jQuery, Prototype MooTools a rád. Všetci sú cool a elegantný hľadáte. Ale Pokiaľ váš požiadavku "Ale ja chcem, jednoduchý a ĽAHKÝ lightbox SCRIPT svojich webových stránok", potom tu je;
Niektoré pekné črty tohto Obľúbených
- Veľmi ľahká
. 4 kB skriptov pri balení (8 kB bez obalu)
b. 2 kb CSS
c. Pár riadkov HTML pre lightboxu kontajnera - Jednoduché pochopiť a realizovať
- Môže mať viac lightbox na rovnakej stránke.
- Rovnaký Obľúbených kontajner sa používa na zobrazenie, iný obsah, ktorý je zahrnutý ako samostatne skrytých oddielov na stránke) v závislosti na odkaz / option, ktorý je klikli.
- Automaticky sa centra, pričom do úvahy všetky faktory, ako sú okná výšky a šírky (rozlíšenie monitora), str vyhľadajte množstvo a na výšku obsahu Obľúbených
- Testované v IE 7 a FF
Zobraziť Demo |
Stiahnuť Lightbox Zdroj Zip (Stiahnuté 1803 krát)
Použitie Lightbox [súbory v zip súboru]
jo.js a jo_pack.js [zabalené verzia]: - jednoduchý súbor JavaScript OBJEKTOV [JO], ktorý obsahuje prvok, okná a skripty dokumentov polohy. Môžete otvoriť JO.JS, ak chcete, aby vaše špinavé ruky s nejakým pokročilým Javascripting, vytvárať abstraktné funkcie, rozšírenie prvkov vlastnosti a podobne. Ak nemáte príliš v Javascripting, nechá to byť.
lightbox.js, lightbox_pack.js [zbalil verzia] - Obsahuje ľahké skripty okne Správca. Ak ste návrhár stránky, taktiež zodpovedá s vykonávaním lightbox na stránke, musíte pochopiť LightBoxManager. LightBoxManager podstate obsahuje len dve funkcie showLightBox a closeLightBox.
lightbox.css: - Ak viete, CSS, môžete sa pohrať s lightbox.css upraviť vzhľad-n-cítiť lightbox.css
index.html: Ukážka implementácie Obľúbených s dvoma rôznym obsahom
lb_underlay_bkg.png: - To je svetlo / simi transparentný obraz, ktorý sa používa ako podklad pre podloženie lightboxu [podložka sa vrstva pod lighbox, ktorá zabraňuje užívateľovi kliknutím na akýkoľvek iný subjekt na stránke, zatiaľ čo Schránka je otvorená]. Môžete použiť ľubovoľný obrázok, alebo dokonca plná farba pre tento účel, v závislosti na vzhľad stránky a požiadavky.
icon_lb_close.gif: - obrázok pre EL páky na pravej hornej časti svetelného poľa. Možno použiť akýkoľvek obrázok podľa návrhu
Zobraziť Demo |
Stiahnuť Lightbox Zdroj Zip (Stiahnuté 1803 krát)
Prosím, dajte nám majú svoje pripomienky a reakcie ...
