8

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

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

谢谢。

4

5 回答 5

9

它是通过 jQuery 插件Lazy Load实现的。

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

if(! navigator.userAgent.toLowerCase().match('ipad')){
  $('#primary img').lazyload({effect:'fadeIn',placeholder:'/wp-content/themes/v6/_base/img/blank.png'});
}
于 2010-05-01T17:09:13.953 回答
1

也有一个jQuery 版本的lazyload。

于 2011-01-04T23:33:40.697 回答
1

不幸的是，根据作者在官方网站上的说法，延迟加载插件在大多数实际浏览器中都不起作用。

但是jQuery Appear 插件做的几乎一样！;-)

于 2011-08-31T17:36:22.360 回答
1

找到了懒加载的 mootools 版本http://davidwalsh.name/mootools-lazyload

于 2010-05-11T12:01:23.523 回答
0

YUI 版本也可用。事实上，Lazy Load 就是受到了它的启发。

于 2010-09-05T19:02:49.650 回答