Php 下一页提供更多信息的图像_Php_Image_Html Table

Php 下一页提供更多信息的图像

php image

Php 下一页提供更多信息的图像,php,image,html-table,Php,Image,Html Table,这些图像存储在我的文件夹中，而不是数据库中。当我点击其中一张图片时，它会引导我在下一页看到更多信息。这意味着我可以看到更大尺寸的图像如何在创建的php页面较少的情况下做到这一点？下面是我的代码片段 <table> <tr> <th class="timgB"><h4><img src="city/GVcementMixture.jpg" style="vertical-align: text-bottom;" title="Cement

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

如何在创建的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>


水泥混合料

您可以使用一个大的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
        ...


...
你可以这样做。使用class=“small
使图像尺寸变小，并class=“big img“
到大尺寸图像。链接中的？img=img23.jpg
决定哪个图像应该显示大尺寸。或者，如果您使用图像的缩略图作为小尺寸，并且仅当有人单击缩略图时才想显示完整尺寸，则更新upperdiv
（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>


“alt=”“>
如果您不想创建新页面，那么可以使用jquery弹出一个名为colorbox的窗口，您应该试试！！您的代码无效。缺少开始a
标记。是否只显示大尺寸的单个图像（1.页面上只有一个图像，或2.以及其他旧尺寸的图像）或者所有的图片都是大尺寸的。我找到了另一个给我想要的东西的网站。它叫zoomIt。同样，你的建议对我也有帮助！谢谢（：@RazorI找到了一个给我想要的东西的网站。它叫zoomIt。它和Razor推荐的非常相似。谢谢你的回复（：@dirt）