LightBox галереи для Mootools
Mootools
- Содержание
Галерея - неотъемлемая часть большинства современных сайтов. В этом обзоре я представлю так называемые LightBox клоны - список маленьких картинок, плавно разворачивающиеся в натуральную величину на полупрозрачном фоне.
Slimbox
Скрипт галереи занимает очень мало места (4 Кб). Изображение выравнивается по центру экрана. Перемещается при горизонтальном скроллинге. Навигация осуществляется с помощью клавиатуры и ссылок, располагающихся поверх изображения.
| Текущая версия галереи | Slimbox 1.7 |
| Версия фреймворка | Mootools 1.1, 1.2 |
| Размер | 4 Кб |
| Клавиатура | Да |
| Различные анимационные эффекты | Да |
| Поддержка описаний изображений | Да |
| Режим слайд-шоу | Нет |
| Изменение размеров изображения | Нет |
| Поддерживаемые браузеры | Firefox 1.5+, Internet Explorer 6+, Opera 9+, Safari 2+, Camino и Google Chrome |
| Сайт | http://www.digitalia.be/software/slimbox/ |
Lightbox от Phatfusion
Скрипт основан на коде Slimbox. В отличие от предыдущей версии ссылки Next и Prev располагаются внизу. Открытая картинка не центрируется по вертикали, располагается с небольшим отступом сверху. Добавлено расширенное HTML описание картинок. Галерея написана для Mootools 1.1.
| Текущая версия галереи | Lightbox 1.5 |
| Версия фреймворка | Mootools 1.1 |
| Размер | 8 Кб |
| Клавиатура | Да |
| Различные анимационные эффекты | Да |
| Поддержка описаний изображений | Да |
| Режим слайд-шоу | Нет |
| Изменение размеров изображения | Нет |
| Поддерживаемые браузеры | Firefox 2, Internet Explorer 6, 7, Safari |
| Сайт | http://www.phatfusion.net/lightbox/ |
Lightbox от Clientcide
Еще один аналог Slimbox. Код оформлен в виде класса, что делает подключение галереи более удобным. Изображение также не центрируется по вертикали.
| Текущая версия галереи | Clientcide Libraries 2.1.0 |
| Версия фреймворка | Mootools 1.2 |
| Размер | 11 Кб |
| Клавиатура | Да |
| Различные анимационные эффекты | Да |
| Поддержка описаний изображений | Да |
| Режим слайд-шоу | Нет |
| Изменение размеров изображения | Нет |
| Поддерживаемые браузеры | Safari 2+, Internet Explorer 6+, Firefox 2+, Opera 9+ |
| Сайт | http://www.clientcide.com/docs/3rdParty/Lightbox |
Milkbox
Галерея поддерживает флеш ролики, доступно автоматическое изменение размеров изображений, режим слайд-шоу. Дополнительные возможности отличают Milkbox от расмотренных ранее, но и размер библиотеки увеличился раза в 2.
| Текущая версия галереи | Milkbox v2.3.1 |
| Версия фреймворка | Mootools 1.2 |
| Размер | 17 Кб |
| Клавиатура | Да |
| Различные анимационные эффекты | Да |
| Поддержка описаний изображений | Да |
| Режим слайд-шоу | Да |
| Изменение размеров изображения | Да |
| Поддерживаемые браузеры | Firefox 3, Internet Explorer 7+, Safari 3+ |
| Сайт | http://reghellin.com/milkbox/ |
Все представленные галереи позволяют управлять показом картинок с помощью клавиатуры.
Также можно настроить анимацию скрипта (см. Fx.Transitions). В этом случае необходимо подключить этот файл библиотеки.
Приведенные в обзоре поддерживаемые браузеры взяты с сайтов авторов скриптов дословно. Эти данные разнятся, однако мной не было замечено, что галереи отказывались работать. Если вы заметите, что скрипты выполняются некорректно, напишите об этом в комментариях.
Понравилась статья? Подпишись на RSS.
Советую почитать:
Подсветка кода с Lighter.js
Коллекции Mootools скриптов
MultiBox галереи для Mootools
Очередной релиз Mootools - 1.2.4 MultiBox галереи для Mootools
Комментарии
Спасибо за подборку, есть из чего выбрать!
Ответитьотличная подборка
ОтветитьРекомендую юзать Lightbox от Phatfusion, проверенная, сам себе такую на сайте поставил...
ОтветитьУстановил Slimbox и не могу понять - Загружаю фотки размером 600 на 800, а они открываются в два раза меньше. Как исправить этот баг?
Ответить