- ion.zoom — быстрый и легкий лайтбокс для небольших галерей. Позволяет увеличивать картинки на месте.
- Помимо управления мышью поддерживает так же управление с клавиатуры с помощью клавиш ESC, LEFT и RIGHT.
- Поддерживает несколько независимо работающих галерей на одной странице.
- Кроссбраузерная поддержка: Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)
- Плагин поддерживает устройства с touch-экраном (iPhone, iPad, etc.).
- Репозиторий на GitHub.
- Плагин свободно распространяется на условиях лицензии MIT.
Демо с элементами управления
Демо без элементов управления
Зависимости
Подключение
Подключаем библиотеки:
CSS:
- normalize.min.css - желательно, если он у вас еще не подключен
- ion.zoom.css
Создаем галерею в виде группы ссылок:
a href="ссылка на большую картинку" class="gallery_1"
Инициализируем галерею:
$(".gallery_1").ionZoom();
Или инициализируем галерею с параметрами:
$(".gallery_2").ionZoom({
visibleControls: false // Отключает визуальные элементы управления
});
Публичные методы
Закрыть галерею:
$(".gallery_1").ionZoom("close");
Скачать
Поддержать
«Патреон»
Bitcoin
13vdgT6EoAVupdGuLhE4ABW245NTixAj1G
Поделиться