jquery - 加载后使用单个图像而不拉伸它

Question

我不知道如何解释这个，让我先放代码：

<div class="image">

    <a title="Some Title" rel="gallery" href="path/to/image.png">

        <img src="path/to/image.png" />
    </a>

</div>

我想为缩略图 (img) 和框内容 (a) 使用相同的图像。但是使用最基本的 FancyBox 代码：

$( '.image a' ).fancybox();

单击时，会拉伸微小的图像。我希望它们保持原来的尺寸。

如果我将代码更改为

$( '.image img' ).fancybox();

它可以工作，但在打开 FancyBox 后，覆盖层后面的缩略图消失了。关闭后，它不会回来。

我想要这种行为，因为我正在使用的图像不需要放大，但它们需要有一些“焦点”，没有什么比花式框（灯箱，彩盒......）更好地将用户注意力引导到某些图像上的了

我尝试设置几个选项，一次一次，但没有一个有效。

score 2 · Accepted Answer

如果您的图像非常小，那么您可能需要更改 minWidth/minHeight - http://jsfiddle.net/EPGT9/

顺便说一句，在您的第二次尝试中，您将 fancyBox 附加到将 self 作为内联内容打开并在关闭后隐藏 self 的图像。

1 回答 1