スクロールで画像をクロスフェードできるjQueryプラグイン「crossfade.js」

crossfade.js

crossfade.jsというjQueryプラグインを使えば、スクロールで画像をクロスフェードすることができます。スクロールして画像が上に行くにつれてフェードアウトしていきます。画像にちょっとしたエフェクトをつけたい時なんかによさそうですね。

crossfade.jsの使い方

このような画像が。

crossfade.js

スクロールしていくと、こんな感じでボカされていきます。で、下からまた新しい画像が来るといった具合です。

フェードアウトしていく

なんかすごいお洒落ですね。画像を多用するブログなんかにすごく合うんじゃないでしょうか。

使い方もわかりやすそうです。

$(function () {
    $('.crossfade').crossfade(options);
});

crossfade.js

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives