jquery - 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;