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;