使用单个图像，不加载后拉伸

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后，叠加层后面的缩略图消失了。关闭后，它不会回来。

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

我试图设置几个选项，一次一个，但没有一个工作。

Answer 1

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

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