Проста, лека, кръст Lightbox браузър за вашата уеб страница
Не че има само няколко Лайтбокс че можете да намерите, когато ви Google. Проблемът с повечето от които намерих лайтбокса беше, че всички те като че ли да се използва едно или други тежки рамки тегло JavaScript като JQuery, прототип, MooTools и харесва. Те всички са готини и ефектен търсите. Но ако вашите изисквания е "НО ИСКАМ прост и лек Lightbox скрипт за моя сайт", след това тук е;
Някои хубави черти на този Lightbox
- Много лек
а. 4KB на скриптове, когато опаковани 8 KB разопакован)
б. 2 KB на CSS
в. Няколко реда HTML за Лайтбокс контейнер - Лесна за разбиране и прилагане на
- Може да има множество лайтбокса на същата страница.
- Лайтбокс се използва един и същ контейнер, за да покаже, различно съдържание (която е отделно включена като скрити разделения в страницата), в зависимост от връзката / опция, която е щракване.
- Автоматично се центрове, като се вземат предвид всички фактори, като например, височина и ширина на прозореца (разделителна способност на екрана), превъртане размер на страница и от височината на съдържанието на Лайтбокс
- Изпробван в IE 7 и FF
Вижте Demo |
Изтегляне Zip на Lightbox Източник (Свалено 1786 пъти)
Използване на Lightbox [файлове в компресирания файл]
jo.js, jo_pack.js [опаковани версия]: - прост набор от JavaScript ОБЕКТИ [JO], който съдържа елемент, прозорец и скриптове за позициониране на документи. Можете да отворите JO.JS, ако искате да си цапат ръцете с някои на Advanced Javascripting, създавайки абстрактни функции, разширяване на елементите имоти и такива. Ако не е твърде много в Javascripting, го остави на мира.
lightbox.js, lightbox_pack.js [опаковани версията]: -, съдържа леки скриптове, мениджър кутия. Ако сте дизайнер на страница, отговаря и с прилагането на Лайтбокс на страницата, трябва да разберат LightBoxManager. LightBoxManager основно съдържа само две функции showLightBox и closeLightBox.
lightbox.css: - Ако знаете, CSS, можете да си поиграете с lightbox.css, за да персонализирате външния вид на N-чувстват lightbox.css
index.html: изпълнение на пробата на Лайтбокс с две различно съдържание
lb_underlay_bkg.png: - Това е светлина / Сими прозрачен образ, който се използва фон за подложка Лайтбокс [подложка е слой под lighbox, която не позволява на потребителя да щракнете върху всеки друг субект на страницата,,, Лайтбокс е отворена. Можете да използвате всяко изображение или дори плътен цвят за тази цел, в зависимост от дизайна на страницата и изискването.
icon_lb_close.gif: - изображението за тясно Лайтбокс дръжка в горния десен ъгъл на светлината кутия. Може да използвате всяко изображение по проект
Вижте Demo |
Изтегляне Zip на Lightbox Източник (Свалено 1786 пъти)
Моля, нека вашите коментари и обратна връзка ...
