featherlight.js - 在不調整大小的情況下打開大圖像

Question

如何配置featherlight，以便在用戶單擊較小版本時不會調整圖像大小？如果窗口太大，我想要滾動條。下面是我使用的HTML：

<a href="#" data-featherlight="http://i.imgur.com/crDSlzw.jpg"> 
<img src="http://i.imgur.com/crDSlzw.jpg" width="200px"> 
</a> 

目前，當我點擊一個大的圖像，它顯示了在燈箱廣告，但它是如此之小，我無法讀取圖像中的文本。

例如在CodePen：http://codepen.io/xyzerb/pen/gPWxmE

提前感謝！

Answer 1

你可以爲onResize在清除了內聯CSS指定回調：

var dontResize = function() { 
    this.$content.css('width', '').css('height', ''); 
} 

您可以在線使用它：

<a data-featherlight-on-resize="dontResize" ... > 

甚至通過使用默認改變所有的人：

$.Featherlight.prototype.onResize = dontResize;