预加载网站

Question

我是网络开发新手，我目前在一个网站上有很多产品图片，因此整个网站的网页一次不加载，留下不好的印象，请引导我如何预先加载网站的所有图像。无论使用jQuery或任何插件的方法。请帮帮我！

Answer 1

你可以使用.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 
}); 

Answer 2

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

我已经使用在提供的插件在网站上方。 的原因是特殊的，因为：

1）图像得到显示，只有当他们在完全下载

2）即使在下载速度低在30Kbps，它很快预装图像

3）你不需要做太多的工作，其主要目的是协助Web开发人员和设计人员改进其用户界面。