jquery - 显示幻灯片放映预加载图像显示幻灯片放映的加载栏

  显示原文与译文双语对照的内容
0 0

我有一个简单的幻灯片,如何在幻灯片开始之前显示一些加载 rectangle 。 现在在慢速连接上,幻灯片显示有点时髦,直到第一个图像完全加载。

时间: 原作者:

0 0

你可以把throbber作为 background 。


#slideshow {
 background: url(images/loading.gif) no-repeat center center;
}

或者,你可以。


var images = ['a.jpg', 'b.jpg'],
 imagesLoaded = 0,
 totalImages = images.length;

$.each(images, function(i, image) {

 var img = new Image();

 img.onload = function() {
 imagesLoaded++;
 if (imagesLoaded == totalImages) {
//All images done
 }
 };

 img.src = image;

});

原作者:
...