Продвинутая галерея — Zoom, Share, Download, Свайпы

Эти примеры демонстрируют расширенные возможности XPopup для просмотра изображений: зум по клику, кнопки действий и управление жестами

Zoom, «Поделиться» и «Скачать» #

При просмотре изображений в галерее доступны: зум двойным кликом, кнопка «Поделиться» (share) и кнопка «Скачать» (download).
Кнопка «Скачать» появляется благодаря атрибуту data-xpopup-download-url.

Подсказка: Сделайте двойной клик по изображению, чтобы увеличить его (zoom). Повторный двойной клик или клавиша Esc вернут обычный масштаб. Кнопка «Поделиться» использует Web Share API, если оно доступно в вашем браузере. Кнопка «Скачать» использует атрибут download.

Свайпы и жесты листания #

Галерея полностью поддерживает горизонтальные свайпы для листания изображений на сенсорных устройствах. Также работают жесты на трекпадах ноутбуков (например, свайп двумя пальцами).

Как попробовать: Откройте любое изображение. На сенсорном экране проведите пальцем влево или вправо. На ноутбуке с трекпадом используйте жест смахивания двумя пальцами.

Галерея без зацикливания (galleryLoop: false) #

По умолчанию галерея зациклена: с последнего изображения можно перейти к первому, и наоборот. Опция galleryLoop: false отключает это поведение. Стрелки навигации на крайних изображениях исчезают.