0

我有 4 个 div 并且在每个鼠标悬停时，我想要src一个img改变。
我必须从PHP获取图像。
如何在我的 jQquery 脚本中使用我在PHP中获得的数组？
而且我知道只有 4 个，我可以在 javascript 中设置数组并放置每个图像名称，但这不是我正在寻找的功能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style>
div{
height:100px;
width:100px;
display:inline-block;
background-color:blue;  
}
#my_image{
height:100px;
width:100px;
display:inline-block;
}

</style>

<?php

$images = scandir("images", 1);

?>

<script>

$(document).ready(function(){
    $(div).mouseover(function(){
        $("#my_image").attr("src", /*my php array*/);
    });

});

</script>
</head>

<body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <img id="my_image" />
</body>
</html>
4

1 回答 1

6 
var images = <?php echo json_encode($images); ?>;

然后你有一个名为的数组images，你可以在你的 JavaScript 代码中使用它。但是，在您的评论位置使用它是没有意义的。您不能将数组分配给图像的 src。

于 2012-12-19T16:59:57.560 回答