skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです
画像にキャプションなどを自動表示する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>
画像にキャプションなどを自動表示するJavaScript「Captions」サンプル
記事作成：2009年11月10日
▼画像にキャプションなどを自動表示するJavaScript「Captions」へのコメントはtwitterにて受け付けています。
twitterでコメントする
前の記事：飛行機の発着ボードみたいにガラガラっと表示するJavaScript「jQuery Flight Board」
次の記事：jQueryでappleぽい画像ギャラリーを作る via：A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
