如何居中PhotoSwipe放大照片

时间:2019-07-11 07:42:27

标签: css zoom image-zoom photoswipe

我将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);
};

我希望放大的照片位于中间。

0 个答案:

没有答案