私がやろうとしていること
基本的にスライドショーを制御する関数にパラメーターを渡すことで、いくつかの配列にアクセスしようとしています。関数に渡すパラメーターname
は a<a href=#" name="rebounding" onclick="nextPlayer(this.name)"></a>
です。これは、アクセスしようとしている配列の 1 つです。
var reboundingImgs = ['tyson_chandler.png', 'dwight_howard.png', 'zach_randolph.png', 'omer_asik.png', 'nikola_vucevic.png', 'joakim_noah.png'];
問題
画像を変更する関数にパラメーターを渡すと、[index]
という配列のインデックスを取得する代わりにを使用するとreboundingImgs[]
、 で文字が取得されstring parameter
ます。たとえばparameter + "Imgs"[index]
、インデックスが 2 で、渡すパラメーターが「リバウンド」の場合は「b」になります。渡したパラメーターを使用して、正しい配列から正しい画像を表示するために配列にアクセスする必要があります (scoringImgs[]、reboundingImgs[]、assistImgs[] など、画像を含むいくつかの配列があります)
これが私のコードです
function nextPlayer(typeStatStr) {
var numImgs = 6;
var img = document.getElementById("slideImage");
var imageName = img.name.split("_");
var index = imageName[1];
if (index == numImgs -1) {
return;
}
else {
index++;
}
img.src = "..\\nbaart\\" + typeStatStr + "Imgs"[index];
img.name = "image_" + index;
}
function prevPlayer(typeStatStr) {
var img = document.getElementById("slideImage");
var imageName = img.name.split("_");
var index = imageName[1];
if (index == 0) {
return;
}
else {
index--;
}
img.src = "..\\nbaart\\" + typeStatStr + "Imgs"[index];
img.name = "image_" + index;
}