如何使用unveil.js按顺序加载图像

时间:2015-01-28 23:31:06

标签: jquery-plugins

我正在使用unveil.js更快地加载网站。

我有一个阻止内容的白色div,我想在第一张图片加载后消失。

我虽然可以计算图像,但我意识到后面的一些可能只是首先加载(这通常是因为有一个阈值参数加载滚动后面的那些)。

有人能以聪明的方式帮助我吗?

这是我的代码和糟糕的解决方案:

$("img").unveil(2000, function() {
    $(this).load(function(){
    if(imageCount >= 4){
        $(".white-cover").fadeOut("slow");
        imageCount = 0;
    }

2 个答案:

答案 0 :(得分:1)

由于unveil更改了src属性,您可以使用jQuery来监听属性更改,这些更改表明图像已被替换。

$(document).ready(function(){
  $("#selected-date-range").change(function(){
     alert( $("#selected-date-range").attr("value") );
  });
});

答案 1 :(得分:-1)

如果我理解你的问题,我会使用:

$(document).ready(function(){
   // all images are loaded
}

这对你有帮助吗?