ソースコードサンプル イメージリスト - mnk375 @ ウィキ

<div class="imglist clearfix">
	<div class="imgcaption" style="width:200px;">
				<p><img src="img/img01.jpg" width="200" /></p>
			<p>frescoのギャラリー</p></div>
	<div class="imgcaption" style="width:200px;">
				<p><img src="img/img02.jpg" width="200" /></p>
			<p>frescoのギャラリー</p></div>
	<div class="imgcaption" style="width:200px;">
				<p><img src="img/img01.jpg" width="200" /></p>
			<p>frescoのギャラリー</p></div>
	<div class="imgcaption" style="width:200px;">
				<p><img src="img/img04.jpg" width="200" /></p>
			<p>frescoのギャラリー</p></div>
	<div class="imgcaption" style="width:200px;">
				<p><img src="img/img05.jpg" width="200" /></p>
			<p>frescoのギャラリー</p></div>
	<div class="imgcaption" style="width:200px;">
				<p><img src="img/img06.jpg" width="200" /></p>
			<p>frescoのギャラリー</p></div>
		</div>
 
 
 
<div class="image_list clearfix">
	<ul>
	<li><a href="img/img01.jpg" class="grouped_elements" rel="group1" title="万博公園　ひまわりフェスタ"><img src="img/img01.jpg" width="200" /></a>
	<p>万博公園　ひまわりフェスタ</p></li>
	<li><a href="img/img02.jpg" class="grouped_elements" rel="group1" title="FRESCO"><img src="img/img02.jpg" width="200" /></a>
	<p>FRESCO</p></li>
	<li><a href="img/img03.jpg" class="grouped_elements" rel="group1" title="鼓ヶ滝公園"><img src="img/img03.jpg" height="150" /></a>
	<p>鼓ヶ滝公園</p></li>
	<li><a href="img/img04.jpg" class="grouped_elements" rel="group1" title="和歌浦　海水浴"><img src="img/img04.jpg" width="200" /></a>
	<p>和歌浦　海水浴</p></li>
	<li><a href="img/img05.jpg" class="grouped_elements" rel="group1" title="水島　海水浴"><img src="img/img05.jpg" width="200" /></a>
	<p>水島　海水浴</p></li>
	<li><a href="img/img06.jpg" class="grouped_elements" rel="group1" title="みなとこうべ花火大会"><img src="img/img06.jpg" width="200" /></a>
	<p>みなとこうべ花火大会</p></li>
	</ul>
</div><!--image_list-->