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;