Image Figure Caption effectsは画像にキャプションを表示させるエフェクトを実装することができるスクリプトです。全部で7種類のエフェクトが用意されており、画像にマウスオーバーするとアニメーションしながらキャプションに切り替わります。
Image Figure Caption effects
以下はImage Figure Caption effectsの詳細です。実際のデモも用意されています。
デモでは7枚の画像が並んでおり、各画像にマウスオーバーするとそれぞれのエフェクトを見ることができます。
どれもスムーズなアニメーションでキャプションが表示されるので、強調したいメッセージがある場合なんかに活用してみたいですね。
また、iPhoneでも確認してみたところ画像にタップすることでPCでのマウスオーバーと同様に動作しました。いろんなデバイスでキャプションをいい感じに表示できるのがいいですね。
ただ単純にキャプションを表示させておくのはつまらないといった方にはオススメです。
