Jquery同位素：水平長的圖像留下空隙

Question

我正在使用Isotope插件。我有一系列長（2×1），高（1×2）和正方形（1×1）圖像。設計好的工作如下：

但如果水平圖像出現在第一個空間，它渣土了這一切：

它像插件認爲所有列應是任何第一張圖片的寬度。

我曾試圖與一些CSS bodging它：

.longimgholder { 
height: 220px; 
width: 220px; 
overflow: visible; 
z-index: 99; 
} 

.longimgholder img{ 
width: 420px; 
} 

但是，這並不工作。

有人會知道一種方法來解決這個問題嗎？

Answer 1

無論出於何種原因，它似乎是出現在左上角的第一個圖像設置列的寬度。

它不是一個正確的答案，但我寫了一個小腳本來跳過第一個圖像，如果它是一個長的圖像。這將確保左上角的第一個圖像始終是正方形或高圖像。