crossfade.js

JavaScript

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

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

[ads_center]

crossfade.jsの使い方

このような画像が。

crossfade.js

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

フェードアウトしていく

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

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

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

crossfade.js

関連記事

  1. PgwSlider

    JavaScript

    レスポンシブで軽量なスライダーを実装できるjQueryプラグイン「PgwSlider」

    PgwSliderというjQueryプラグインを使えばレスポンシブで軽…

  2. jQuery Tabs with Content Overlays
  3. jquery.autoscroll-text-tape
  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでアニメーション動作中と停止中で処理を分ける:animatedと:not(:animat…

    jQueryでアニメーションが動作中の時だけ、またはアニメーションが停…

  5. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP