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