Fancybox画廊的前两张图片在不同高度与画廊的其余部分相关

Question

我正在开发一个正在开发的网站上的fancybox图库 - 出于某种原因，虽然前两个图像出现在页面的不同高度：

http://leedsragfashionshow.co.uk/wp/index.php/committee/

我在Chrome和Firefox上遇到过这个问题吗？

Answer 1

首先，你的问题的图块是误导性的，因为一个fancybox图库是当图像已经显示在fancybox内而不是之前。在您的情况下，问题在于图库的缩略图与fancybox无关。

无论如何，为什么会这样？这是因为您在每个包含图片<br />标记的链接<a>之后添加了一个html换行符<img />，如下所示：

<a rel="group" href="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/1.jpg" class="fancybox"><img alt="" src="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/1.jpg" class="committee"></a><br />
<a rel="group" href="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/2.jpg" class="fancybox"><img alt="" src="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/2.jpg" class="committee"></a><br />
...etc.

如果您已经浮动图像，则只需删除这些换行符<br />。如果没有<br />标记，请参阅 DEMO 。