預加載網站

-2

我是網絡開發新手，我目前在一個網站上有很多產品圖片，因此整個網站的網頁一次不加載，留下不好的印象，請引導我如何預先加載網站的所有圖像。無論使用jQuery或任何插件的方法。請幫幫我！預加載網站

2013-01-21 mshahbazm

最簡單的方法是隱藏你的內容元素與CSS（並可能顯示加載消息/欄/圖像），然後在窗口加載，顯示它。 –

是否有任何J-query插件在開始時顯示進度條？ – mshahbazm

你可以使用.load（）事件中的jQuery

var imagecount = 10; 

$('img').load(function() { 
    // Image load complete 
    if(imagecount == 0) 
     // Loading of all images are over 
     LoadingComplete(); 
    else { 
     imagecount--; 
     // Here you can update the progress bar. 
    } 
});

爲了顯示進度條，你可以使用jQuery progressbar插件

$("#progressbar").progressbar({ 
    value: 1 
});

來源

2013-01-21 19:39:44 Wolf

http://www.krio.me/scripttest/imgLoader/

我已經使用在提供的插件在網站上方。的原因是特殊的，因爲：

1）圖像得到顯示，只有當他們在完全下載

2）即使在下載速度低在30Kbps，它很快預裝圖像

3）你不需要做太多的工作，其主要目的是協助Web開發人員和設計人員改進其用戶界面。

來源

2013-01-21 19:47:52 GLES

你也可以試試這個：http://www.createjs.com/#!/PreloadJS – GLES

回答

相關問題