画像にALTに記述したキャプションを表示するスクリプト「jCaption」のデモページ

デモ1

<p id="demo1"><img src="image/01.jpg" alt="キャンプション1" width="580" height="435" /></p>

#demo1 div.caption p	{
	padding: 5px 10px;
}

デモ2

<p id="demo2"><img src="image/02.jpg" alt="キャンプション2" width="580" height="435" /></p>

#demo2 div.caption p	{
	width: 560px;
	padding: 5px 10px;
}

デモ3

<p id="demo3"><img src="image/03.jpg" alt="キャンプション3" width="580" height="435" /></p>

#demo3 div.caption p	{
	width: 560px;
	background: #000; 
	color: #FFF;
	padding: 5px 10px;
}