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

Question

第一次来这里，希望有人能帮助我。如果我在此处发布此问题时做错了什么，我深表歉意...

我根据从 SQL 数据库 (PHPMyAdmin)

加载的 8 张图像创建了幻灯片放映（使用 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

我的建议是在图像之后结束锚标记（因此图像是 link 的一部分），将其目标属性设置为 _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>

我已经假设了 "products" 的主键，用正确的主键替换上面示例中的 "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 .换句话说，如果它有一些其他功能。

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

Open slideshow image on new page

php

sql

slideshow