2013-02-19 64 views
0

我在與砌築的幾個問題,只是想知道如果任何人都可以對任何人的幫助載入問題砌築

1)砌體不踢,直到所有的圖像加載和他們都被卡住在頁面的左上角,直到完成
2)圖像明顯加載速度緩慢,如果直到通過某種預加載程序完全加載時才顯示,則會喜歡3)圖像總是以一種有趣的方式定位第一次加載,但每次刷新後,他們被正確放置

你可以看到正在進行的工作在這裏,一個小背景下,圖像意味着加載隨機大小,每個負載上的定位和順序http://www.coreytegeler.com/jb/oddfuture/

回答

4

您正在使用延遲masonry插件init的圖像加載插件。你可以做的是:

#container {display:none} 

顯示圖像一旦被加載並應用砌築:

var $container = $('#container'); 

$container.imagesLoaded(function(){ 

    $container.show(); 

    $container.masonry({ 
    itemSelector : '.photo' 
    }); 

}); 
+0

感謝您的答覆@darshanags 我做

使用CSS隱藏內容建議的更改,但一切都保持隱藏狀態,永不回顯示。 「.box」的itemSelector究竟意味着什麼不在我的網站中使用 – Tomelower 2013-02-19 02:26:56

+0

我不知道這個網站如何工作哈哈@darshanags實際上甚至標記了某人? – Tomelower 2013-02-19 02:45:00

+0

哈哈。保持冷靜,我在路上。 .box是一個例子,你需要改變你的.photo選擇器。我已經更新了示例代碼。 – darshanags 2013-02-19 03:19:03