私のコードには行document.getElementById('slot2').src ="snail.gif";があり、img 要素を適切な gif に変更するために機能します。
document.getElementById('slotN')ただし、N の代わりに or 1 2 および 3 である 3 つの要素のスロットと呼ばれる配列もあります。
関数で使用するslots[2].src ="snail.gif";と、何もできません。
ステートメントの文字列をステートメントに変換する必要があることは知っていますが、 eval() を使用しようとしてもうまくいかないようです。
アドバイスをいただければ幸いです
あなたの問題は、配列のインデックスが 0 であるという事実にあると思います。slots[2]実際には配列の3 番目の要素です。要素が 2 つしかない場合、それらは と にslots[0]なりslots[1]ます。の src を設定しようとしてもslots[2]、それが存在しないため機能しません。
画像の配列を作成できます：
myImages = ["img1.gif", "another.gif"]
次に、次のように slotN を参照します。
document.getElementById("slot" + n).src = myImages[n];
「slotN」要素が 0 から始まる (または 1 を追加する) ことを確認してください。