使用javascript在其他图像的鼠标悬停上显示图像

Question

<script type="text/javascript">
function bigpic()
{
document.getElementById('img2').src="<?php echo '../images/$img2';?>";  
}

 <img name="img1" src="<?php echo "../images/$img1";?>" width="100px" height="100px"    onmouseover="bigpic()"/>
 <img name="img2" src="" width="32" height="32" alt="" id="img2"/>

从myql数据库获取

$img1和$img2并且提取工作正常。但是在img1上$img2时未显示mouseover。这就是我尝试过的。这里有什么问题。

Answer 1

更改此

document.getElementById('img2').src="<?php echo '../images/$img2';?>"; 

到此

document.getElementById('img2').src="<?php echo "../images/$img2";?>"; 

原因，单引号字符串不评估变量。

Answer 2

使用静态图像，您的代码可以正常使用。试试这个

<script type="text/javascript">
function bigpic()
{
document.getElementById('img2').src="<?php echo '../images/'.$img2 ;?>";  
}
</script>

<img name="img1" src="<?php echo "../images/" . $img1;?>" width="100px" height="100px"    onmouseover="bigpic()"/>
 <img name="img2" src="" width="32" height="32" alt="" id="img2"/>