Fancybox畫廊在不同高度的前2幅圖像與其他畫廊的關係

Question

我正在實施我正在開發的網站上的fancybox畫廊 - 由於某些原因，儘管前2張圖片出現在頁面的不同高度：

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

我遇到這個在Chrome和Firefox上，任何想法？

Answer 1

首先，你的問題的瓦片是誤導，因爲fancybox畫廊是當圖像已經顯示在fancybox內，而不是之前。在你的情況下，問題是縮略圖的畫廊，與fancybox沒有任何關係。

無論如何，爲什麼會發生這種情況？這是因爲你是一個包裝圖像<img />標籤就像每一個環節<a>後添加HTML換行符<br />：

<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 />。看到這個DEMO沒有<br />標籤。