0

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;
    }
}

の画像にカーソルを合わせるたびに#thumbs、何も起こりません。なぜか教えてくれますか?アイデアは、img1 にカーソルを合わせると、彼を に印刷したいということです#full

4

2 に答える 2

2

する必要がありswitchますn。あなたはswitch上にいますtoFull

switch (n)代わりに使用

于 2013-04-02T18:55:57.050 に答える
0

スイッチは、渡したものとは異なるものを使用しています。また、イメージ タグのノード '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」の名前を変更する必要がある場合は、コード内の 1 か所で更新するだけで済みます

于 2013-04-02T19:07:37.753 に答える