Udtrykke det

Ikke at der kun er et par LightBox s, som du kan finde, når du google. Spørgsmålet med de fleste af de lightboxer, som jeg fandt var, at de alle syntes at bruge den ene eller de andre tunge vægt JAVASCRIPT rammer som jQuery, Prototype, Mootools og lignende. De er alle cool og swanky søger. Men hvis dit krav er "men jeg ønsker en ENKEL OG LET LightBox SCRIPT til min side", så her er det;

Nogle gode funktioner i denne lightbox

1. Meget lys
   en. 4KB af scripts, når pakket (8 kb udpakket)
   b.. 2 kb af CSS
   ca. Par linjer i HTML til lightbox container
2. Nem at forstå og implementere
3. Kan have flere lightboxer på den samme side.
4. Det samme lightbox container bruges til at vise, forskelligt indhold (der er separat indgår som skjulte afdelinger i siden), afhængigt af linket / option, der er klikket.
5. Automatisk centrerer sig, idet der tages hensyn til alle faktorer, såsom vinduets højde og bredde (skærmopløsning), side rulle mængde og højden af ​​indholdet af lightbox
6. Testet i IE 7 og FF

Se demo |
Hent Lysbord Kilde Zip (Downloaded 1804 gange)

jo.js og jo_pack.js [pakket version]: - et simpelt sæt af JavaScript-objekter [JO], som indeholder elementer, vindues-og dokument positionering scripts. Du kan åbne JO.JS hvis du ønsker at få dine hænder beskidte med nogle Advanced Javascripting, skaber abstrakte funktioner, der strækker sig element egenskaber og sådan. Hvis du ikke for meget i Javascripting, Lad det alene.

lightbox.js, lightbox_pack.js [pakkede version]: - indeholder Lyserammen leder scripts. Hvis du er sidedesigneren, også er ansvarlig med at gennemføre lightbox på siden, er du nødt til at forstå LightBoxManager. LightBoxManager grundlæggende indeholder kun to funktioner showLightBox og closeLightBox.

lightbox.css: - Hvis du kender CSS, kan du lege med lightbox.css at tilpasse udseendet-n-feel lightbox.css

index.html: Prøve gennemførelse af lightbox med to forskelligt indhold

lb_underlay_bkg.png: - Det er let / simi gennemsigtigt billede, der bruges baggrunden for lightbox underlaget [underlag er laget under lighbox, der forhindrer brugeren i at klikke på en anden enhed på siden, mens lightbox er åben]. Du kan bruge ethvert billede eller en farve til dette formål, afhængigt af sidedesign og krav.

icon_lb_close.gif: - Billedet for tæt lightbox håndtag øverst til højre af lyskassen. Kan bruge et billede pr design

Se demo |
Hent Lysbord Kilde Zip (Downloaded 1804 gange)

Lad os få dine kommentarer og feedback ...