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

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

Captify
demo

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

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

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

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