crossfade.js

JavaScript

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

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

[ads_center]

crossfade.jsの使い方

このような画像が。

crossfade.js

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

フェードアウトしていく

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

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

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

crossfade.js

Shuffle Images画像をシャッフルすることができるjQueryプラグイン「Shuffle Images」前のページ

CSS3でボックスシャドウが作れるジェネレーター「CSS3 Box Shadow Generator」次のページCSS3 Box Shadow Generator

関連記事

  1. Raindrops.js

    JavaScript

    水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

    Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装…

  2. jQuery Floating Social Share
  3. ax5ui-menu

    JavaScript

    カスタマイズしやすいコンテキストメニューを実装できる「ax5ui-menu」

    ax5ui-menuはカスタマイズしやすいシンプルなコンテキストメニュ…

  4. Sticky Multi Header Scroll
  5. no-image

    JavaScript

    Lightboxスタイルのギャラリーやカルーセルを実装できる「slideBox.js」

    slideBox.jsはレスポンシブに対応したLightboxスタイル…

  6. jRCarousel

    JavaScript

    モダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」

    jRCarouselはモダンエフェクトなカルーセルを実装できるjQue…

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP