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>

我已经假设您的主键是什么＆＃34;产品＆＃34;，替换＆＃34; ID＆＃34;在我上面的示例中使用正确的主键。

基于进一步的讨论，我们确定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。换句话说，如果它有其他功能。

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

1 个答案: