このようにできます。class="small
画像サイズを小さくしたりclass="big-img"
、大きなサイズの画像にするために使用します。あなたのリンクの?img=img23.jpg
は、どの画像を大きなサイズで表示するかを決定します。または、画像のサムネイルを小さいサイズとして使用し、サムネイルを 1 回クリックしたときにのみフル サイズを表示したい場合は、上部のリンクdiv
(class="big-img") を更新するか、コメントを残します。
// 思い通りに動く
<body>
<div class = "big-img"> <!-- set class to show big size image-->
<?php if(isset($_GET['img'])): ?>
<img src="city/.<?php echo $_GET['img']; ?>" alt="">
<?php endif; ?>
</div>
<table>
<tr><!-- set class to show small size image-->
<td class = "small"><a href="?img=img23.jpg"><img src="city/img23.jpg" alt=""></a></td>
<td class = "small"><a href="?img=img24.jpg"><img src="city/img24.jpg" alt=""></a></td>
<td class = "small"><a href="?img=img25.jpg"><img src="city/img25.jpg" alt=""></a></td>
</tr>
</table>
</body>