Простой, легкий, крест Lightbox браузер для веб-страницы
Не то, что есть только несколько LightBox о том, что можно найти, когда вы Google. Проблема с большинством лайтбоксы, что я обнаружил, что все они, казалось, использование одного или другого тяжелого веса JAVASCRIPT рамки как JQuery, Prototype, MooTools и любит. Это все здорово и шикарный вид. Но если ваше требование "Но я хочу простой и легкий LightBox SCRIPT на моем сайте", то здесь;
Некоторые интересные особенности этого Лайтбокс
- Очень легкий
. 4kb скриптов, если они упакованы (8 кб без упаковки)
б. 2 Кб CSS
в. Несколько строк из HTML в избранное контейнер - Простая для понимания и реализации
- Может иметь несколько лайтбоксы на той же странице.
- То же контейнер Лайтбокс используется, чтобы показать, различного содержания (которое отдельно включен в качестве скрытой подразделений на странице), в зависимости от ссылки / опция, которая была нажата.
- Автоматически центрируется, принимая во внимание все факторы, такие как высота и ширина окна (разрешение экрана), стр. прокрутки количество и высоту содержимого Лайтбокс
- Протестировано в IE 7 и FF
Посмотреть демо |
Скачать Lightbox Источник Zip (Скачано 1806 раз)
Использование 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 (Скачано 1806 раз)
Пожалуйста, дайте нам ваши комментарии и отзывы ...
