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. JavaScript

    要素の位置までスクロールしてスピード設定もできるjQueryプラグイン「scrollToBySpee…

    scrollToBySpeedは指定した要素の位置までスクロールしてく…

  2. Magnific Popup

    JavaScript

    レスポンシブに対応したLightbox風のjQueryプラグイン「Magnific Popup」

    レスポンシブに対応したLightbox風のjQueryプラグイン「Ma…

  3. funnyText.js
  4. JavaScript

    リストなど複数の要素をランダムにフェードで表示していくjQueryプラグイン「champagne.j…

    どこかで使う機会がありそうな感じのjQueryプラグイン「champa…

  5. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP