ミミズの学校

表組を使った写真の表示。

同じページにたくさんの写真を貼り付けると、 全部表示するまでかなりの時間を要する。
そこで、小さい画像を準備してそれをクリックすると大きい画像を表示させる方法 についての例を示しました。タグをみるとわかると思いますので詳しい説明は 省略します。

例1(縦並び)
説明1
.....
....
説明2
.....
.....
説明3
.....
.....
<table border=1>
<tr>
<td><a href="a1.jpg"><img src="a1-s.jpg"></a></td>
<td width=400>説明1<br>
.....<br>
.....
</td></tr>
<tr>
<td><a href="a2.jpg"><img src="a2-s.jpg"></a></td>
<td width=400>説明2<br>
.....<br>
.....
</td></tr>
<tr>
<td><a href="a3.jpg"><img src="a3-s.jpg"></a></td>
<td width=400>説明3<br>
.....<br>
.....
</td></tr>
</table>


例2(横並び)

花の名前

花の名前

花の名前

花の名前

花の名前

<table border=1 width=500>
<tr>
<td align="center"><a href="a1.jpg"><img src="a1-s.jpg"></a><br>花の名前</td>
<td align="center"><a href="a1.jpg"><img src="a2-s.jpg"></a><br>花の名前</td>
<td align="center"><a href="a1.jpg"><img src="a3-s.jpg"></a><br>花の名前</td>
<td align="center"><a href="a1.jpg"><img src="a2-s.jpg"></a><br>花の名前</td>
<td align="center"><a href="a1.jpg"><img src="a3-s.jpg"></a><br>花の名前</td>
</tr>
</table>

写真の枚数が増えたら継ぎ足していくといいです。


ミミズの学校の質問箱