[JS]画像にキャプションやツールチップを自動で設定するスクリプト -Captions

img要素のaltとlongdescのデータを利用して、画像にキャプションやツールチップを自動で設定するスクリプトを紹介します。

デモでは画像の下にaltのテキストが表示され、マウスのホバーに追従してlongdescのテキストが表示されます。

適用する画像の指定は簡単で、下記のように記述します。

$(document).ready(function(){
    $('#example1 img').caption();
});

CaptionsはjQueryのプラグインのため、実装にはjquery.jsが必要です。

Post on:2009年11月11日