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;