javascript - Smoothdivscroll 和延迟加载

Question

我在一个网站上工作，该网站将在 http://www.smoothdivscroll.com 中容纳大约 200 多张图片。布局

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

这是我正在使用的 Lazyload 文件:http://pastebin.com/W05PiFLA

我没碰过http://www.smoothdivscroll.com代码。

任何人都知道可以在这里做什么。我正在为客户解决这个问题，时间安排成了一个问题。谢谢!

Answer 1

尝试将事件与 src 更改绑定(bind)。

  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();
                    });