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でのマウスオーバーと同様に動作しました。いろんなデバイスでキャプションをいい感じに表示できるのがいいですね。

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

makefixed.jsスクロール中に要素を固定配置できるjQueryプラグイン「makefixed.js」前のページ

Macのプレビューで画像を時計周り・反時計周りに回転して保存する方法次のページMacのプレビューで画像を回転

関連記事

  1. Footnoted

    JavaScript

    脚注(注釈)を入れたい時に役立つjQueryプラグイン「Footnoted」

    FootnotedというjQueryプラグインは文章の中に脚注(注釈)…

  2. Morphext

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

  3. preload

    JavaScript

    プリロードやローディング画面を実装できるjQueryプラグイン「preload」

    preloadは、その名のとおり「プリロード」やローディング中の画面を…

  4. Diagonal Slider

    JavaScript

    斜めにデザインされたスタイリッシュなjQueryイメージスライダー「Diagonal Slider」…

    Diagonal Sliderは斜めにデザインされたクールでスタイリッ…

  5. Viewer

    JavaScript

    画像の拡大や縮小、回転などができるイメージギャラリー「Viewer」

    Viewerは画像の拡大や縮小、回転、上下左右の切り替えといった機能を…

  6. jQuery touchSwipe Carousel

最近の記事

  1. 東京都現代美術館
  2. スーリア バターチキン
  3. そそそ 明太クリームそうめん
  4. すしざんまい
  5. 蒼龍唐玉堂 特製牛バラ担々麺

アーカイブ

PAGE TOP