Javascript函数不适用于所有元素

我试图写一个脚本，改变鼠标悬停时的图像。我有6个图像，但该功能仅适用于其中一个（第一个）

正如我所说的，该脚本只适用于id=“360”的picture，它被导入到html文档的head标记中。这是为什么？我该如何修复它？

---

提前谢谢你

只是简单地讲一下，我们传递的是一个变量而不是字符串：

放大（bmx）应该是：
放大（'bmx'），等等，对于其他的
我可以建议重写您的代码吗？类似于：
function pic_info（id）{var p=document.getElementById（id）；var src=id+“info.jpg”；p.src=src；}
，更易于阅读和扩展到新功能。不完全相关，但只有一个
var p=document.getElementById（id）
就足够了，你不需要六个了…去掉那些if语句。。。请改用switch语句：
<div id="picture-container">
    <img class="picture" id="360" src="360.jpg" onclick="enlarge(360);"  onmouseover="pic_info(360);"
    onmouseout="pic_ret(360);"/>
    <img class="picture" id="bmx" src="bmx.jpg" onclick="enlarge(bmx);"/>
    <img class="picture" id="buzludzha" src="buzludzha.jpg" onclick="enlarge(buzludzha);"
    onmouseover="pic_info(buzludzha);"/>
    <img class="picture" id="pirata" src="pirata.jpg" onclick="enlarge(pirata);"
    onmouseover="pic_info(pirata);"/>
    <img class="picture" id="snowboard" src="snowboard.jpg" onclick="enlarge(snowboard);"
    onmouseover="pic_info(snowboard);"/>
    <img class="picture" id="vitiskali" src="vitiskali.jpg" onclick="enlarge(vitiskali);"
    onmouseover="pic_info(vitiskali);"/>
    <img class="picture" id="ispolin" src="ispolin.jpg" onclick="enlarge(ispolin);"
    onmouseover="pic_info(ispolin);"/>

</div>

function pic_info(id) {

if (id == "360") {
    var p = document.getElementById(id);
    p.src = "360info.jpg";
}
if (id == "buzludzha") {
    var p = document.getElementById(id);
    p.src = "buzludzhainfo.jpg";
}
if (id == "pirata") {
    var p = document.getElementById(id);
    p.src = "piratainfo.jpg";
}
if (id == "snowboard") {
    var p = document.getElementById(id);
    p.src = "snowboardinfo.jpg";
}
if (id == "vitiskali") {
    var p = document.getElementById(id);
    p.src = "vitiskaliinfo.jpg";
}
if (id == "ispolin") {
    var p = document.getElementById(id);
    p.src = "ispolininfo.jpg";
}