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
。