jQuery Sequency js

JavaScript

スクロールでビフォー・アフター画像を見比べれる「jQuery Sequency js」

jQuery Sequency jsはスクロールでビフォー・アフター画像を見比べることができるjQueryプラグインです。複数の画像がセット可能で、スクロールアップ・ダウンすることで画像をチェックできます。

jQuery Sequency js

デモ

デモでは全部で4枚の画像が使われています。スクロールしていくことで、徐々に画像が変化していきます。

スクロールアップ・ダウンの他にも左側にあるナビゲーションからも各画像の位置にアクセスできるようになっています。

一般的なビフォー・アフター画像をチェックできるプラグインは、2枚の画像を並べて比較するものが多いのですが、jQuery Sequency jsは2枚以上の画像をセットできるのがいいですね。

jQuery Sequency js

jQuery Video Extend動画をチャプターごとに区切れる「jQuery Video Extend」前のページ

軽量でクロスブラウザ、モダンブラウザに対応した「Air Datepicker」次のページAir Datepicker

関連記事

  1. Easy Z modal

    JavaScript

    シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

    Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・…

  2. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  3. Instafeed.js

    JavaScript

    Webサイト内にInstagramの画像を表示できる「Instafeed.js」

    Instafeed.jsはWebサイト内にInstagramの画像一覧…

  4. jQuery Hero Slider Plugin
  5. multi.js

    JavaScript

    検索機能がついたセレクトボックスを実装できる「multi.js」

    multi.jsは検索機能がついた使いやすいユーザーフレンドリーなセレ…

  6. Turntable.js

    JavaScript

    画像を使ってストップモーション動画のような効果を実装できる「Turntable.js」

    Turntable.jsは複数の画像を使ってストップモーション動画のよ…

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP