Image Figure Caption effects

JavaScript

キャプションを表示させるエフェクトを実装できる「Image Figure Caption effects」

Image Figure Caption effectsは画像にキャプションを表示させるエフェクトを実装することができるスクリプトです。全部で7種類のエフェクトが用意されており、画像にマウスオーバーするとアニメーションしながらキャプションに切り替わります。

Image Figure Caption effects

Image Figure Caption effects

デモでは7枚の画像が並んでおり、各画像にマウスオーバーするとそれぞれのエフェクトを見ることができます。

どれもスムーズなアニメーションでキャプションが表示されるので、強調したいメッセージがある場合なんかに活用してみたいですね。

また、iPhoneでも確認してみたところ画像にタップすることでPCでのマウスオーバーと同様に動作しました。いろんなデバイスでキャプションをいい感じに表示できるのがいいですね。

ただ単純にキャプションを表示させておくのはつまらないといった方にはオススメです。

関連記事

  1. gridstack.js

    JavaScript

    ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」

    gridstack.jsはドラッグ&ドロップでウィジェットレイアウトを…

  2. AJAX Live Search
  3. PrognRoll

    JavaScript

    スクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」

    PrognRollはスクロールによるプログレスバーを表示することができ…

  4. basicScroll

    JavaScript

    モバイル・デスクトップに対応したパララックススクロール実装「basicScroll」

    basicScrollはモバイル・デスクトップに対応したスタンドアロー…

  5. Yet Another Ripple Plugin
  6. Line Maker

    JavaScript

    アニメーションするラインを実装できる「Line Maker」

    Line Makerは、いろんなアニメーションをするラインを実装するこ…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP