Thjeshtë, i lehtë, Lightbox Cross Browser për webpage tuaj
Jo se ka vetëm disa Lightbox e që ju mund të gjeni kur ju google. Çështja me shumicën e lightboxes që kam gjetur ishte se ata të gjithë dukeshin të përdorni një ose të tjera strukturat e rënda JavaScript peshe si, jQuery, prototip MOOTOOLS dhe i pëlqen. Ata janë të gjithë të qetë dhe luksoz në kërkim. Por në qoftë se kërkesa juaj është: "Por unë dua që një dorëshkrim i thjeshtë dhe i lehtë Lightbox për web faqen time", atëherë këtu është;
Disa karakteristika bukur të këtij Lightbox
- Shumë të lehta
a. 4kb e Scripts kur mbushura (8 KB unpacked)
b. 2 kb CSS e
c. Disa rreshta të HTML për enë Lightbox - Thjeshtë për të kuptuar dhe zbatuar
- Mund të ketë Lightboxes të shumta në të njëjtën faqe.
- Enë njëjta Lightbox është përdorur për të treguar, përmbajtje të ndryshme (e cila është përfshirë veçmas si ndarjeve të fshehura në faqe), në varësi të lidhjes / opsion që është klikuar.
- Automatikisht qendra vetë, duke marrë parasysh të gjithë faktorët si, lartësi dhe gjerësi Window (Rezoluta ekran), shumën faqe rrotull dhe lartësinë e përmbajtjen e Lightbox
- Testuar në 7 IE dhe FF
Shiko Demo |
Shkarko Zip Burimi Lightbox (Shkarkuar 1810 herë)
Duke përdorur Lightbox fjalës Files në dosje zip]
jo.js, të jo_pack.js [version mbushura]: - një grup i thjeshtë i OBJEKTEVE JavaScript [JO], i cili përmban, dritare element dhe Scripts pozicionuar dokument. Ju mund të hapur JO.JS në qoftë se ju dëshironi që të merrni duart tuaja të pista me disa Javascripting avancuar, duke krijuar funksione abstrakte, duke u zgjeruar pronat element dhe të tilla. Nëse ju nuk shumë në Javascripting, lëre vetëm.
lightbox.js, lightbox_pack.js [version mbushura]: - Përmbajtja Scripts lehta menaxher kuti. Nëse ju jeni projektues faqe, gjithashtu përgjegjëse me zbatimin e Lightbox në faqe, ju duhet të kuptoni LightBoxManager. LightBoxManager në thelb përmban vetëm dy funksionet showLightBox dhe closeLightBox.
lightbox.css: - Nëse ju e dini CSS, ju mund të luajnë me rreth lightbox.css të rregulloje pamjen-n-ndiheni lightbox.css
index.html: Zbatimi Shembull i Lightbox me dy përmbajtje të ndryshme
lb_underlay_bkg.png: - Kjo është dritë / simi image transparent që është përdorur sfondin për shtresë Lightbox [shtresë është shtresa më poshtë lighbox, e cila parandalon përdoruesit nga klikuar çdo entitet tjetër në faqe, ndërsa Lightbox është e hapur]. Ju mund të përdorni çdo imazh apo edhe një ngjyrë të fortë për këtë qëllim, në varësi të dizajnit faqe dhe kërkesat.
icon_lb_close.gif: - imazhi për të trajtuar Lightbox të ngushtë në të djathtë lartë të kutisë të lehta. Mund të përdorni çdo imazh si për dizajn
Shiko Demo |
Shkarko Zip Burimi Lightbox (Shkarkuar 1810 herë)
Ju lutem na kanë Komentet dhe reagimet tuaja ...
