Exprimarea IT

Nu faptul că există doar câteva lightbox lui pe care le puteţi găsi atunci când Google. Problema cu cele mai multe lumini pe care am găsit a fost că toţi păreau a utiliza una sau alte cadre grele, JavaScript greutate, cum ar fi jQuery, Prototype, mootools şi îi place. Acestea sunt toate rece şi swanky cautati. Dar dacă cerinţa este "dar vreau un SCRIPT lightbox SIMPLU şi uşoară pentru Site-ul meu", atunci aici este;

Unele caracteristici ale acestui frumos lightbox

1. Foarte uşor
   o. 4KB de scripturi atunci când ambalate (8 kb despachetat)
   B. 2 KB din CSS
   C. Câteva linii de cod HTML pentru containere lightbox
2. Simplu să înţeleagă şi să pună în aplicare
3. Poate avea mai multe lumini de pe aceeaşi pagină.
4. Container Lightbox este folosit pentru a arăta, conţinut diferit (care este inclus separat ca diviziuni ascunse în pagină), în funcţie de link-ul / opţiunea care se face clic.
5. Automat centre, luând în considerare toţi factorii, cum ar fi, înălţimea şi lăţimea ferestrei (rezoluţia ecranului), valoarea pagina de defilare şi înălţimea a conţinutului de lightbox
6. Testat în IE 7 şi FF

Vezi Demo |
Descarca Sursa Zip Lightbox (Downloaded 1773 ori)

jo.js, jo_pack.js [versiunea ambalat]: - un set simplu de OBIECTE JAVASCRIPT [JO], care conţine elementul, ferestre şi script-uri de poziţionare a documentelor. Puteţi deschide JO.JS dacă doriţi să obţineţi mâinile murdare cu unele Javascripting avansată, crearea de funcţii abstracte, extinderea unor astfel de proprietăţi şi a elementelor. Dacă nu se prea mult în Javascripting, Lasă-l singur.

lightbox.js, lightbox_pack.js [versiune plin de]: - Contine scripturi de lumina caseta de Manager. Dacă sunteţi proiectantul paginii, de asemenea, responsabil cu punerea în aplicare a lightbox pe pagina, aveţi nevoie pentru a înţelege LightBoxManager. LightBoxManager conţine practic doar două funcţii showLightBox şi closeLightBox.

lightbox.css: - Dacă ştii CSS, poţi să te joci în jurul cu lightbox.css pentru a personaliza aspectul-N-simt lightbox.css

index.html: punerea în aplicare Exemplu de lightbox cu două conţinut diferit

lb_underlay_bkg.png: - Aceasta este lumina / Simi imagine transparentă, care este folosit de fundal pentru stratul de baza lightbox [Covorul este stratul de mai jos lighbox, care împiedică utilizatorul de la clic pe orice altă entitate pe pagină, în timp ce lightbox este deschis]. Puteţi utiliza orice imagine sau chiar o culoare solida pentru acest scop, în funcţie de designul paginii şi cerinţa.

icon_lb_close.gif: - imagine pentru mâner lightbox aproape de partea din dreapta sus a casetei de lumină. Pot folosi orice imagine ca pe proiectarea

Vezi Demo |
Descarca Sursa Zip Lightbox (Downloaded 1773 ori)

Vă rugăm să ne comentariile dumneavoastră şi feedback-ul ...