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

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

使用方法
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>

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

sponsors

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

記事作成:
記事URL:

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