Блог

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

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

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

Настройки:

 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
}
  

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

 gallery.init();

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

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

 allowUserZoom = false