Как центрировать PhotoSwipe Zoomedin фото - PullRequest
Новая
       18

Как центрировать PhotoSwipe Zoomedin фото

0 голосов
/ 11 июля 2019

Я использую галерею JS PhotoSwipe для галереи своих проектов. При нажатии на элемент галереи мой код PhotoSwipe переходит непосредственно в увеличенную версию фото с функцией applyZoomPan.

Проблема в том, что увеличенное фото начинается в левом верхнем углу, а не в середине. По умолчанию, когда пользователь нажимает на элемент галереи, сначала появляется уменьшенная версия, пользователь нажимает на определенную позицию, и увеличенная фотография начинается в panX, panY. 

var openPhotoSwipe = function(index, action) {
var pswpElement = document.querySelectorAll('.pswp')[0];
var items = [
  {
    src: 'IMAGE_SRC',
    w: WIDTH,
    h: HEIGHT
  }
];

var options = {
  history: true,
  focus: false,
  showAnimationDuration: 0,
  hideAnimationDuration: 0,
  zoomEl: false,
  maxSpreadZoom: 1,
  getDoubleTapZoom: function(isMouseClick, item) {
    return 1;
  },
  pinchToClose: false
};

new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
  gallery.init();
  gallery.goTo(index);
  gallery.applyZoomPan(1, 0, 0);
};

Я ожидаю, что увеличенное фото будет располагаться посередине.

...