Uttrykke IT

Ikke at det er kun noen få lysbordet er at du kan finne når du google. Problemet med de fleste av lysbokser som jeg fant var at de alle syntes å bruke den ene eller den andre tunge JavaScript-rammeverk som jQuery, Prototype, MooTools og det liker. De er alle kule og snobbete ser. Men hvis kravet er "men jeg ønsker en enkel og lett lysbordet SCRIPT for nettstedet mitt", så her er det;

Noen fine funksjoner på denne lightbox

1. Veldig lett
   en. 4KB av skript når pakket (8 kb utpakket)
   b.. 2 kb av CSS
   c.. Få linjer med HTML for lightbox container
2. Enkelt å forstå og implementere
3. Kan ha flere lysbokser på samme side.
4. Det samme lightbox container brukes til å vise, forskjellig innhold (som er separat inkludert som skjulte divisjoner i siden), avhengig av link / alternativet som er klikket.
5. Automatisk sentrerer seg, tatt i betraktning alle faktorer som, Window høyde og bredde (skjermoppløsning), side bla beløp og høyden på innholdet i lightbox
6. Testet i IE 7 og FF

Se demo |
Last Lightbox Kilde Zip (Nedlastet 1804 ganger)

jo.js og jo_pack.js [pakket versjon]: - et enkelt sett av JavaScript OBJECTS [JO], som inneholder element, vindu og dokumentere posisjonering skript. Du kan åpne JO.JS hvis du ønsker å få hendene skitne med litt avansert Javascripting, lage abstrakte funksjoner, som strekker element egenskaper og slikt. Hvis du ikke for mye i Javascripting, la det være.

lightbox.js, lightbox_pack.js [pakket versjon]: - Inneholde lysboks leder skript. Hvis du er side designer, også ansvarlig med å implementere lightbox på siden, må du forstå LightBoxManager. LightBoxManager inneholder i utgangspunktet bare to funksjoner showLightBox og closeLightBox.

lightbox.css: - Hvis du vet CSS, kan du leke deg med lightbox.css å tilpasse utseendet-n-føle lightbox.css

index.html: Eksempel gjennomføring av lightbox med to forskjellig innhold

lb_underlay_bkg.png: - Dette er light / Simi gjennomsiktig bilde som brukes bakgrunnen for lightbox underlag [Underlag er laget under lighbox, som hindrer brukeren i å klikke på en annen enhet på siden, mens lightbox er åpen]. Du kan bruke et bilde eller en farge for dette formålet, avhengig av siden design og kravet.

icon_lb_close.gif: - Bildet for tett lightbox håndtak øverst til høyre i lyskasse. Kan bruke et bilde som per design

Se demo |
Last Lightbox Kilde Zip (Nedlastet 1804 ganger)

Vennligst la oss få kommentarer og tilbakemeldinger ...