Отключить масштабирование для прокрутки фото

Question

Я использую Photo Swipe для отображения моих изображений. Поведение по умолчанию при его использовании заключается в том, что после нажатия на изображения я смогу перенести меня на «увеличенную страницу», где фотографии будут увеличены, и я могу просматривать их одно за другим, проводя пальцем.

Я пытаюсь переписать это поведение, потому что я хочу сделать что-то еще после того, как пользователь нажмет на изображение.

Answer 1

Все описанные здесь решения не работают для меня.Вот полное решение, которое отключает масштабирование.

Настройки:

var options = {
    // Gallery options
    maxSpreadZoom: 1,
    getDoubleTapZoom: function (isMouseClick, item) {
        return item.initialZoomLevel;
    },
    // UI options
    zoomEl: false
};

Инициирование галереи:

var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
// ...

И, наконец, добавьте этот фрагмент CSS для отключения курсора масштабирования:

.pswp--zoom-allowed .pswp__img {
    cursor: default !important
}

Answer 2

Опция allowUserZoom не существует в документации Вы можете отключить двойное увеличение, вернув item.initialZoomLevel и уменьшить жест разброса (увеличения), установив maxSpreadZoom к тому же исходному Zoom:

gallery.init();

gallery.options.maxSpreadZoom = gallery.getZoomLevel();
gallery.options.getDoubleTapZoom = function(isMouseClick, item) {
    return item.initialZoomLevel;
}

Answer 3

, чтобы отключить масштабирование, вы должны установить

allowUserZoom = false