crossfade.js

JavaScript

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

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

[ads_center]

crossfade.jsの使い方

このような画像が。

crossfade.js

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

フェードアウトしていく

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

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

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

crossfade.js

関連記事

  1. no-image

    JavaScript

    円形に飛び出すメニューを実装できる「ggExpandableOptions」

    ggExpandableOptionsは円形に飛び出すメニューを実装で…

  2. PreViewTube.js
  3. JavaScript

    レンガ風に要素を綺麗に並べてグリッドレイアウトが作れる「The Wookmark jQuery pl…

    Pinterestのように高さの異なる要素をレンガ風に綺麗に並べて、簡…

  4. Coin Slider

    JavaScript

    ユニークなエフェクトを実装できるjQueryイメージスライダー「Coin Slider」

    ユニークなエフェクトで画像がスライドしていくjQueryイメージスライ…

  5. Tendina

    JavaScript

    簡単で素早くドロップダウンメニューを実装できるjQueryプラグイン「Tendina」

    TendinaというjQueryプラグインを使えば、とても簡単で素早く…

  6. multi-list

    JavaScript

    複数の選択可能なリストにするためのjQueryプラグイン「multi-list」

    multi-listは、順序付けされていないリストを複数の選択可能なリ…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP