8

mashable.comの画像のフェードイン効果について疑問に思っています(たとえば、 http://mashable.com/2009/08/14/google-android-logo-remixes/を参照)

画像までスクロールすると、フェードインします。ページの読み込み時にフェードインするのではなく、画面上のアイテムが実際に表示されたときにのみフェードインします。

ありがとう。

4

5 に答える 5

9

これは、jQueryプラグインの遅延読み込みで実現されます。

編集:彼らが使用したコードは次のとおりです:

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

lazyloadのmootoolsバージョンが見つかりましたhttp://davidwalsh.name/mootools-lazyload

于 2010-05-11T12:01:23.523 に答える
1

lazyloadのjQueryバージョンもあります。

于 2011-01-04T23:33:40.697 に答える
1

残念ながら、Lazy Loadプラグインは、ほとんどの実際のブラウザでは機能しません。自身の作者によると、公式Webサイトで述べています

しかし、jQuery Appearプラグインはほとんど同じことをします!;-)

于 2011-08-31T17:36:22.360 に答える
0

YUIバージョンも利用できます。実際、LazyLoadはそれに触発されました。

于 2010-09-05T19:02:49.650 に答える