Javascript 鼠标悬停在更改图像上

我想用javascript制作一个小滑块，这是我的代码。HTML:

<div id="slider">
    <div id="thumbs">
        <span id="img1"><img src="Anim/01.png" onmouseover="tofull(1)"></span><br>
        <span id="img2"><img src="Anim/02.png" onmouseover="tofull(2)"></span><br>
        <span id="img3"><img src="Anim/03.png" onmouseover="tofull(3)"></span><br>
        <span id="img4"><img src="Anim/04.png" onmouseover="tofull(4)"></span><br>
        <span id="img5"><img src="Anim/05.png" onmouseover="tofull(5)"></span><br>
        <span id="img6"><img src="Anim/06.png" onmouseover="tofull(6)"></span>
    </div>
    <div id="full">
        <img src="Anim/01.png">
    </div>
</div>

这是我的javascript

function tofull(n){
    switch (tofull){
        case 1:
            document.getElementById("full").innerHTML = "<img src='Anim/01.png'>";
            break;
        case 2:
            document.getElementById("full").innerHTML = "<img src='Anim/02.png'>";
            break;
        case 3:
            document.getElementById("full").innerHTML = "<img src='Anim/03.png'>";
            break;
        case 4:
            document.getElementById("full").innerHTML = "<img src='Anim/04.png'>";
            break;
        case 5:
            document.getElementById("full").innerHTML = "<img src='Anim/05.png'>";
            break;
        case 6:
            document.getElementById("full").innerHTML = "<img src='Anim/06.png'>";
            break;
    }
}

函数到满（n）{
开关（tofull）{
案例1：
document.getElementById（“完整”）.innerHTML=“”；
打破
案例2：
document.getElementById（“完整”）.innerHTML=“”；
打破
案例3：
document.getElementById（“完整”）.innerHTML=“”；
打破
案例4：
document.getElementById（“完整”）.innerHTML=“”；
打破
案例5：
document.getElementById（“完整”）.innerHTML=“”；
打破
案例6：
document.getElementById（“完整”）.innerHTML=“”；
打破
}
}

---

每次我在

#thumbs

中的图像上悬停时，都不会发生任何事情。你能告诉我为什么吗？这个想法是，如果我在img1上悬停，我想让他在

#full

中打印出来

您需要

打开
n
。您正在
打开
toFull

使用
开关（n）
而不是您的开关使用的东西与您正在传递的东西不同。您还可以通过更新image标记的node'src'属性来减少一些代码

function tofull(n){
    //Select 'full' and get the image tag inside
    var imgEl = document.getElementById("full").childNodes[0];
    switch (n){
        case 1:
            imgEl.src = 'Anim/01.png';
            break;
        case 2:
            imgEl.src = 'Anim/02.png';
            break;
        //Continue the pattern
    }
}

如果要更改“full”的名称，只需在代码中的一个位置进行更新