Web sayfanız için basit, hafif, Çapraz Tarayıcı Lightbox
Sadece birkaç lightbox Kullanıcı zaman google bulabilirsiniz orada değil ki. Ben bulduğum lightbox'lar çoğu ile sorun hepsi bir veya jQuery, Prototype, Mootools ve seviyor gibi diğer ağır JAVASCRIPT çerçeveler kullanmak görünüyordu oldu. Hepsi serin ve şık görünümlü vardır. Gereksinimi olan "AMA BENİM SİTE İÇİN BASİT VE HAFİF lightbox SCRIPT İSTİYORUM" Eğer Ama, o zaman buyrun;
Bu lightbox bazı güzel özellikleri
- Işaret fişeği
Bir. Paketlenmiş Scripts 4kb (8 kb ambalajsız)
b. CSS 2 kb
c. Lightbox konteyner için HTML birkaç satır - Anlamak ve uygulamak kolay
- Aynı sayfada birden çok lightbox'lar olabilir.
- Aynı lightbox konteyner, tıklandığında link / seçeneğe bağlı olarak farklı içerikleri (ayrı sayfa gizli bölümler olarak dahil edildiği), göstermek için kullanılır.
- Otomatik olarak dikkate gibi Pencere yüksekliği ve genişliği (ekran çözünürlüğü), sayfa kaydırma miktarı ve ışıklı içeriğinin yüksekliği gibi tüm faktörleri alarak, kendisini merkezleri
- IE 7 ve FF test edilmiştir
Demo bilgileri |
Indirin Lightbox Kaynak Zip (1810 kez indirildi)
[Zip dosyasında Files] Işıklı kullanma
jo.js, jo_pack.js [packed versiyonu]: - JAVASCRIPT OBJECTS basit bir set [JO], eleman, pencere ve belge konumlandırma betikleri içerir. Eğer soyut işlevleri oluştururken bazı Gelişmiş Javascripting, ellerinizi kirli olsun isterseniz elemanı özellikleri ve bu uzanan, JO.JS açabilirsiniz. Javascripting size çok fazla değilse, yalnız bırak.
lightbox.js, lightbox_pack.js [packed versiyonu]: - ışık kutusu yöneticisi komut içerir. Eğer sayfada lightbox uygulanması ile de sorumlu sayfa tasarımcısı iseniz, LightBoxManager anlamak gerekir. LightBoxManager temelde sadece iki işlevi showLightBox ve closeLightBox içerir.
lightbox.css: - CSS biliyorsanız, göz-n-hisset lightbox.css özelleştirmek için lightbox.css oynayabilir
index.html: iki farklı içeriği ile lightbox örnek uygulama
lb_underlay_bkg.png: - [lightbox açıkken, Underlay sayfada başka herhangi bir varlık tıklayarak engeller lighbox aşağıda tabakasıdır] Bu ışıklı altlık için arka plan kullanılır simi / hafif şeffaf bir görüntüdür. Bu sayfa tasarımı ve gereksinimi bağlı olarak, bu amaç için bile herhangi bir resim veya bir renk kullanabilirsiniz.
icon_lb_close.gif: - ışık kutusunun sağ üst köşesinde yakın ışıklı kolu için görüntü. Tasarım başı olarak herhangi bir resmi kullanabilir miyim
Demo bilgileri |
Indirin Lightbox Kaynak Zip (1810 kez indirildi)
Lütfen yorum ve geribildirim atalım ...
