Ion.Zoom — быстрый и легкий lightbox для небольших галерей. Позволяет увеличивать картинки на месте. Помимо управления мышкой умеет переключать изображения и с клавиатуры, поддерживает независимые друг от друга галереи и хорошо работает на touch устройствах.

Подключение

Подключаем библиотеки: jQuery, ion.zoom.min.js и css файл плагина ion.zoom.css

Создаем галерею в виде группы ссылок:

1
<a href="ссылка на большую картинку" class="gallery_1"><img src="ссылка на миниатюру" alt=""></a>

Инициализируем галерею:

1
$(".gallery_1").ionZoom();

Или инициализируем галерею с параметрами:

1
2
3
$(".gallery_2").ionZoom({
    visibleControls: false                  // Отключает визуальные элементы управления
});

Публичные методы

Закрыть галерею:

1
$(".gallery_1").ionZoom("close");

Возможно вас это заинтересует
comments powered by HyperComments