使用Fancybox的圖像大於視口

我正在使用FancyBox插件作爲將在觸摸屏上交付的網站。一些功能要求允許用戶「放大」到比視口大得多的圖片。使用Fancybox的圖像大於視口

我想以下情況發生：

- 用戶應該能夠在圖片周圍滾動（滾動條確定），但在那一刻，我不能讓水平滾動條來顯示（垂直一個）。

如果您點擊頁面，然後點擊「土着傳統」，最後點擊照片下方的「縮放並瀏覽」，您可以在this link處看到該功能。

有沒有其他插件可以完成相同的目的而沒有麻煩？

來源

2013-08-27 Evan M. Rose

我只是不明白你爲什麼要滾動條呢？一切都設置爲適合視口和滾動條一般的唯一方法是捏縮放，所以他們已經知道他們所在的空間。 – Chad

我有fittoView設置爲false意味着圖像將彈出完整大小，因爲它應該。圖像比視口大得多，因此您需要滾動瀏覽圖像。問題是有一個垂直滾動條，由於某種原因沒有水平滾動條 –

這個插件看起來真的很糟糕。我不確定你在測試什麼，但我只是在Firefox中進行了測試，一半的網站無法正常工作。我認爲這兩個屬性會影響你的插件，其中最大的就是** OVERFLOW **和大小，而不是令人難以置信的關閉。我會密切關注一個更好的插件，並讓我知道如果我找到任何東西，但肯定確保您已在所有瀏覽器上進行了瀏覽器測試。 –

試試這個：

給你的圖像元素一個類名。例如，

<a class="fancybox" href="path/to/123.png">Picture</a>

在jquery.fancybox.js的最底部，鍵入以下代碼：

$(document).ready(function() { 
    $(".fancybox").fancybox({ 
     type: 'iframe', 
     width: 1200 
    }); 
});

它可以在我的網站上。您可以根據需要更改寬度。希望能幫助到你！

來源

2017-02-03 23:14:50 Hao

使用Fancybox的圖像大於視口

回答

相關問題