[JS]オルトを利用して、画像にキャプションをかっこよく表示するスクリプト -Captify

画像のオルトを利用して、画像の上にオーバーレイでキャプションを表示するスクリプト「Captify」を紹介します。

デモのキャプチャ

Captify
demo

デモでは、画像にマウスオーバーすると、下側からキャプションがスライドしてオーバーレイで表示されます。

オプションでは、キャプションの表示位置(上・下)、表示のスピード、不透明度、表示方法(フェード・スライド・常設)、クラス名などが変更できます。

キャプションはデザインを適用したものを表示することも可能で、下記のようにdiv要素を使用することもできます。

デモのキャプチャ

CaptifyはjQueryのプラグインのため、動作にはjquery.jsが必要です。

sponsors

top of page

©2018 coliss