php - 选择第一张图像后显示第二张图像

Question

我有一个包含从数据库显示的图像的列表，如下所示:

<?php                                           
    $result = mysql_query("SELECT * FROM images ORDER BY position");
    while ($image = mysql_fetch_array($result)){
?>
        <img src="/<?php echo $image['thumb'];?>" />
    
php } ?>

我已经创建了一个蒙版来显示大图像，但我不知道如何知道单击哪个图像然后在弹出窗口中显示大图像。

我从数据库使用的字段是

image_id    
image   
position    
thumb

Answer 1

你需要包围你的<img>带有 <a> 的标签指向另一个可检索正确图像的 PHP 脚本的链接:

在 while() 循环内:

<a href='getImage.php?id=<?php echo $image['image_id']; ?>'>
  <img src="/<?php echo $image['thumb'];?>" />
</a>

getImage.php

getImage.php主要显示<img>包含之前选择的全尺寸图像的标签。请务必根据需要填写所需的其余 HTML，因为我只包含 <img>标签如下。

$img = isset($_GET['id']) ? intval($_GET['id']) : NULL;

if ($img) { 
  $image_qry = mysql_query("SELECT image FROM images WHERE image_id = $img");
  if ($image_qry) {
    $image_data = mysql_fetch_assoc($image_qry);
    // One row was returned...
    if ($image_data) {
      echo "<img src='{$image_data['image']}' alt='alt text...' />";
    }
  }
}
else {
  // Invalid id, not an integer
}