如何知道点击了哪个图像

时间:2017-06-16 11:57:15

标签: javascript php

我有以下php代码:

session_start();
    include "config.php";
    $sql="SELECT Photoid FROM photos";
    $result = $conn->query($sql);
    if($result->num_rows > 0){
        while($row = $result->fetch_assoc())
        {   

            $name=$row["Photoid"];

            echo '<img src="'.$name.'" / width="200px" height="200px"       onclick="myFunction()">'; 


        }
    }else{
        echo "0 results";
    }
$conn->close();
?>
<script type="text/javascript">
    function myFunction() {
        location.href = 'photo-page.php';
    }
</script>

我用它显示一些从数据库中获取的照片,然后我将它们点击,这样我就可以转移到另一个页面“photo-page.php”。 我想要做的是知道我显示的那些照片中的哪些已被点击,以便知道我应该在照片页面上显示哪一张。

2 个答案:

答案 0 :(得分:2)

更改

echo '<img src="'.$name.'" / width="200px" height="200px" onclick="myFunction()">';

echo '<img src="'.$name.'" / width="200px" height="200px"       onclick="myFunction('.$name.')">'

并且

function myFunction(name) 
{
   alert(name);
   //  location.href = 'photo-page.php';
}

答案 1 :(得分:0)

使用HTML锚点并附加GET数据:

<?php
// index.php
// ...
echo '<a href="photo-page.php?img-name='.$name.'">';
echo '<img src="'.$name.'" width="200px" height="200px">'; 
echo '</a>';
// ...
?>

photo-page.php中,您可以通过$_GET变量检索图片名称:

<?php
// photo-page.php
// ...
if (isset($_GET['img-name'])) {
  $imageName = $_GET['img-name'];
  // display the image in its full size
  echo '<img src="'.$imageName.'">';
}
// ...
?>