禁用放大照片刷卡

Question

我使用Photo Swipe來顯示我的圖像。使用它的默認行爲是，一旦圖像被點擊，我就可以把我帶到一個「放大頁面」，照片放大，我可以通過滑動一個接一個地看到它們。

我想覆蓋這種行爲，因爲我想在用戶點擊圖像後做其他事情。

Answer 1

禁用變焦必須設置

allowUserZoom = false 

Answer 2

選項allowUserZoom不在documentation 存在，您可以通過返回item.initialZoomLevel禁用雙擊縮放，並通過設置maxSpreadZoom減少傳播（縮放）手勢同樣initialZoom：

gallery.init(); 

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

Answer 3

這裏描述的所有解決方案並沒有爲我工作。這是關閉縮放的完整解決方案。

設置：

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 
}