我将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);
};
我希望放大的照片位于中间。