Простий, легкий, хрест Lightbox браузер для веб-сторінки
Не те, що є тільки кілька LightBox про те, що можна знайти, коли ви Google. Проблема з більшістю лайтбокси, що я виявив, що всі вони, здавалося, використання одного чи іншого важкого ваги JAVASCRIPT рамки як JQuery, Prototype, MooTools і любить. Це все здорово і шикарний вигляд. Але якщо ваша вимога "Але я хочу простий і легкий LightBox SCRIPT на моєму сайті", то тут;
Деякі цікаві особливості цього Лайтбокс
- Дуже легкий
. 4kb скриптів, якщо вони упаковані (8 кб без упаковки)
б. 2 Кб CSS
в. Кілька рядків з HTML в обране контейнер - Проста для розуміння і реалізації
- Може мати кілька лайтбокси на тій же сторінці.
- Те ж контейнер Лайтбокс використовується, щоб показати, різного змісту (яке окремо включений як прихованої підрозділів на сторінці), залежно від посилання / опція, яка була натиснута.
- Автоматично центрується, беручи до уваги всі чинники, такі як висота і ширина вікна (роздільна здатність екрану), стр. прокрутки кількість і висоту вмісту Лайтбокс
- Протестовано в IE 7 і FF
Переглянути демо |
Завантажити Lightbox Джерело Zip (Скачано 1813 раз)
Використання Lightbox [Файли архіву]
jo.js, jo_pack.js [упаковані версія]: - простий набір об'єктів JavaScript [JO], який містить елемент, вікна і скрипти документ позиціонування. Ви можете відкрити JO.JS, якщо ви хочете, щоб ваші руки брудні з деякими Розширений Javascripting, створення абстрактних функцій, розширення властивостей елемента тощо. Якщо ви не занадто багато в Javascripting, залиште його в спокої.
lightbox.js, lightbox_pack.js [упакованої версії]: - Містять світло сценарії менеджер вікна. Якщо ви розробник сторінки, а також відповідальність з реалізації обраного на сторінці, ви повинні розуміти, LightBoxManager. LightBoxManager в основному містить тільки дві функції showLightBox і closeLightBox.
lightbox.css: - Якщо ви знаєте, CSS, ви можете пограти з lightbox.css налаштувати зовнішній вигляд-н-відчувати lightbox.css
index.html: Приклад реалізації лайтбокс з двома різними зміст
lb_underlay_bkg.png: - Це світло / Сімі прозоре зображення, яке використовується для фону підкладки Лайтбокс [підкладка є шар нижче lighbox, яка дозволяє користувачеві натисканням будь-який інший об'єкт на сторінці, а лайтбокс відкрита]. Ви можете використовувати будь-яке зображення або навіть суцільний колір для цієї мети, в залежності від дизайну і вимог.
icon_lb_close.gif: - зображення для близьких ручки лайтбокс на верхній правій частині вікна світло. Можна використовувати будь-яке зображення як в дизайні
Переглянути демо |
Завантажити Lightbox Джерело Zip (Скачано 1813 раз)
Будь ласка, дайте нам ваші коментарі та відгуки ...
