javascript - 如何在滚动时实现图像淡入效果(如 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'});
}