我正在使用 Photo Swipe显示我的图像。使用它时的默认行为是,单击图像后,我将能够将我带到“放大页面”,其中照片被放大,我可以通过滑动来一张一张地查看它们。
我正在尝试覆盖此行为,因为我想在用户单击图像后执行其他操作。
最佳答案
此处描述的所有解决方案都不适合我。这是一个关闭缩放的完整解决方案。
设置:
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
}
关于html - 禁用放大照片滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7752507/