Question

我是网络开发的新手。我目前在一个有很多产品图片的网站上工作，因此整个网站页面不会立即加载，给人留下不好的印象，请指导我如何预加载所有网站图片。无论使用jquery或任何插件的方法是什么。请帮帮我！

Answer 1

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

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开发人员和设计人员改进他们的用户界面。

预加载网站

2 个答案: