0

图像存储在我的文件夹中，而不是数据库中。当我单击其中一个图像时，它将引导我在下一页上查看更多信息。这意味着我可以看到更大尺寸的图像。

如何在创建较少的 php 页面的情况下做到这一点？以下是我的代码片段

<table>
<tr> 
<th class="timgB"><h4><img src="city/GVcementMixture.jpg" style="vertical-align: text-bottom;" title="Cement Mixture"/> Cement Mixture </a></h4></th>
</tr> 
</table>
4

2 回答 2

0

您可以使用大的 if/else 或 switch/case 语句将它们全部保存在一个表单/页面中，以评估所选图像并仅显示与所选图像有关的信息，例如完整大小的图像或子图像的子集。但正如@Razor 所说，它最好在 jQuery 中呈现。

<form ...>
    <button type=submit name=imgID value=1>
    <button type=submit name=imgID value=2>
    ...

<?php
    if (isset($_POST['imgID'])):
        // Show info related to selected image
        ...
于 2013-03-29T03:41:23.957 回答
0

你可以这样做。用于class="small使图像尺寸变小和class="big-img"变大。链接中?img=img23.jpg的决定应以大尺寸显示哪个图像。或者，如果您将图像的缩略图用作小尺寸并且仅在有人单击缩略图时才希望显示完整尺寸，则更新上层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>
于 2013-03-29T06:03:01.903 回答