javascript - Smoothdivscroll & Lazyload

Question

我正在一个网站上工作，该网站将在http://www.smoothdivscroll.com布局中包含大约 200 多个图像

问题是我们需要加入某种延迟加载。我遇到的主要问题是视口中的第一张图像交换 src 和 data-original 没问题。但是，视口之外的任何其他项目都不会交换。他们仍然有原始的 transparent.gif 作为来源。

这是我正在使用的延迟加载文件：http: //pastebin.com/W05PiFLA

我根本没有碰过http://www.smoothdivscroll.com的代码。

任何人都知道在这里可以做什么。我正在为一个客户做这件事，时间正在成为一个问题。谢谢！

Answer 1

尝试使用 src 更改切换事件绑定。

  image.bind('load', function(){
                            image.animate({opacity:1}, 1000).css({height:'auto'});
                            callback();
                    });
  image.attr("src", image.attr("data-original"));

而不是这个

    image.attr("src", image.attr("data-original")).bind('load', function(){
                            image.animate({opacity:1}, 1000).css({height:'auto'});
                            callback();
                    });