文章/答案/技术大牛

发布

社区首页 >问答首页 >禁止放大照片卷帘

问禁止放大照片卷帘
EN

Stack Overflow用户

提问于 2011-10-13 18:07:31

回答 3查看 5.5K关注 0票数 3

我正在使用Photo Swipe显示我的图像。使用它时的默认行为是，一旦图像被点击，我将能够带我到一个“放大页面”，在那里照片被放大，我可以通过滑动逐个查看它们。

我试图覆盖此行为，因为我想在用户单击图像后执行其他操作。

html

jquery-mobile

photo-gallery

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-10-13 19:31:46

要禁用缩放，您必须设置

allowUserZoom = false

票数 2

Stack Overflow用户

发布于 2016-04-07 17:20:27

这里描述的所有解决方案对我来说都不起作用。这是一个关闭缩放的完整解决方案。

设置：

var options = {
    // Gallery options
    maxSpreadZoom: 1,
    getDoubleTapZoom: function (isMouseClick, item) {
        return item.initialZoomLevel;
    },
    // UI options
    zoomEl: false
};

Gallery init：

var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
// ...

最后，添加此CSS代码片段以禁用缩放光标：

.pswp--zoom-allowed .pswp__img {
    cursor: default !important
}

票数 8

Stack Overflow用户

发布于 2015-07-28 17:24:45

选项allowUserZoom在documentation中不存在，您可以通过返回item.initialZoomLevel禁用双击缩放，并通过将maxSpreadZoom设置为相同的initialZoom来减少展开(缩放)手势：

gallery.init();

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

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7752507

复制

相似问题

问禁止放大照片卷帘
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁止放大照片卷帘EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁止放大照片卷帘
EN