在新页面上打开幻灯片图像

Question

第一次来这里，希望有人可以帮助我。如果我在这里发布这个问题我做错了什么，请道歉...

我基于从SQL数据库加载的8个图像（PHPMyAdmin）创建了一个幻灯片放映（使用PHP）

我希望能够点击任何一个图像来打开一个新页面，然后会显示相同的更大版本。

我已经浏览了互联网和其他各种论坛，但很难找到任何帮助。

如果您在提供答案之前需要任何进一步的信息，请告诉我。任何帮助将非常感激。

<div class="mySlides">
    <div class="numbertext"><?php echo $i . " / 8" ?></div>
    <a href="http://stu10.lccwebtest.co.uk/getimage.php"> 
    <img src="<?php echo $product["Product_Image"];?>" style="width:100%">
</div>

Answer 1

我的建议是在图像之后结束锚标记（因此图像是链接的一部分），将它的目标属性设置为_blank（因此它在新页面中打开），最后将一些引用传递给getimage.php（所以它可以加载更大的图像）。例如：

<div class="mySlides">
  <div class="numbertext"><?php echo $i . " / 8" ?></div>
  <a href="http://stu10.lccwebtest.co.uk/getimage.php?id=<?php echo $product["ID"];?>" target="_blank"> 
    <img src="<?php echo $product["Product_Image"];?>" style="width:100%">
  </a>
</div>

我假设您的主要密钥是“产品”，在上面的示例中用正确的主键替换“ID”。

---

基于进一步的讨论，我们确定getimage.php除了显示更大的图像之外没有其他功能。那么在这种情况下如何取消它并将较大的图像URL直接添加到锚点，如下所示：

<div class="mySlides">
  <div class="numbertext"><?php echo $i . " / 8" ?></div>
  <?php $largerImageUrl = $product["Product_Image"]; //replace the code here with your actual larger image url for this slide ?>
  <a href="<?php echo $largerImageUrl;?>" target="_blank"> 
    <img src="<?php echo $product["Product_Image"];?>" style="width:100%">
  </a>
</div>

这减少了很多额外的工作。如果较大的图像位置是一个秘密，或者你想以某种方式记录它被查看的次数，或者你想在图像周围显示一些其他的html，那么你只需要中间的脚本就可以了。换句话说，如果它有其他功能。