2012-06-12 74 views
0

我使用JS masonry將頁面上的圖像絕對定位,並且我使用一些JS爲每幅圖像提供一個隨機的頁邊空白和空白頁邊以賦予隨機空格的效果等等。然而一些圖像重疊。有沒有辦法阻止這種情況發生?絕對定位圖像 - 無重疊

你可以看到當前的成果在這裏:http://richgc.com/freelance/staton/exhibitions-installations/

感謝, [R

+0

由於您懶惰加載圖像,每次加載新圖像時都必須在砌體中強制重新佈局。否則,它將基於佔位符的一側分發元素。 – bfavaretto

+0

您可以使用'$(this).prev()。height()'並將之前的圖像'height'添加到公式中 - 您可能還需要將其'margin-top'也納入計算中。 – ahren

+0

@bfavaretto啊所以這不會發生,如果我不使用lazyload? –

回答

0

與感謝@ bfavaretto的建議下,問題是磚石和lazyload不齊頭並進,所以我加了每次滾動時都會重新加載砌體的回調。

$(window).scroll(function() { 
setTimeout(function(){ 
    $container.masonry(); 
}, 0); 

});

唯一的問題是,我敢打賭,頁面上的負載是現在兆,所以任何改進都是值得歡迎的。

謝謝。

+0

儘管當您到達頁面底部時會增加一些錯誤。有什麼建議麼? –