Smoothdivscroll& Lazyload

时间:2012-08-20 14:35:23

标签: javascript jquery wordpress gallery lazy-loading

我正在开发一个网站,该网站将在http://www.smoothdivscroll.com布局

中容纳大约200多张图片

问题是我们需要加入某种延迟加载。我遇到的主要问题是视口中的第一个图像交换src&数据原创没问题。但是,视口外部的任何其他项都不会交换。他们仍然使用原始的transparent.gif作为源。

以下是我使用的Lazyload文件:http://pastebin.com/W05PiFLA

我根本没有触及http://www.smoothdivscroll.com代码。

任何人都知道在这里可以做些什么。我正在为客户工作,时机正在成为一个问题。谢谢!

1 个答案:

答案 0 :(得分:0)

尝试使用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();
                    });