如何在滚动时进行图像淡入效果（如mashable.com）

Question

我想知道mashable.com上图像的淡入效果（例如见http://mashable.com/2009/08/14/google-android-logo-remixes/）

当您滚动到图像时，它会淡入。它不会在页面加载时消失，只会在屏幕上项目的实际外观上消失。

感谢。

Answer 1

使用jQuery插件Lazy Load实现。

编辑：这是他们使用的代码：

if(! navigator.userAgent.toLowerCase().match('ipad')){
  $('#primary img').lazyload({effect:'fadeIn',placeholder:'/wp-content/themes/v6/_base/img/blank.png'});
}

Answer 2

找到lazyload http://davidwalsh.name/mootools-lazyload

的mootools版本

Answer 3

也有jQuery version of lazyload。

Answer 4

不幸的是，Lazy Load插件在大多数实际浏览器中都不起作用，according the own author says in the official web site。

但是jQuery Appear Plugin几乎做同样的事情！ ; - ）

Answer 5

YUI version也可用。事实上，Lazy Load的灵感来自它。