画像にキャプションなどを自動表示するJavaScript「Captions」

画像にキャプションをつけておくと、ユーザーにはわかりやすくなります。
jQueryプラグインのCaptionsを使用するとaltに記述するだけで自動的にキャプションを表示してくれます。

使用方法

Captionsからquery.caption.jsをjQueryからjquery.jsをダウンロードします。


<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.caption.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#id名 img').caption();
});
</script>

あとは画像を以下のように記述します。


<div id="id名">
<img src="画像パス" alt="これは画像下に表示されます" longdesc="これはツールチップで表示されます" />
</div>

サンプル

これはaltに記述しています<a href='/test/'>リンク</a>

Javascriptサンプルページ一覧

skuare.net