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. Mirror Effect

    JavaScript

    ミラーエフェクトによるかっこいいスライドショー実装「Mirror Effect」

    Mirror EffectはWebサイト内でかっこいいミラーエフェクト…

  2. notifit

    JavaScript

    多彩なカスタマイズができるシンプルなjQuery通知プラグイン「notifit」

    notifitは多彩なカスタマイズが可能なシンプルな通知機能を実装でき…

  3. Inspiration for Menu Hover Effects
  4. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

  5. Jquery modal box plugin
  6. HC Sticky

    JavaScript

    スクロールしても要素を固定できるJSライブラリ「HC Sticky」

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

最近の記事

  1. ハワイ カウ
  2. ぼんしゃん全部入り
  3. ナイトロコーヒー
  4. チーズベーコンエッグバーガー
PAGE TOP