Question

我在编码方面根本没有经验。我目前正在开发一个webapp。我聘请程序员为我做这件事，但我自己可以帮忙尝试一些事情（仅仅因为我很好奇）。我是一个开源音频应用程序。我尝试做的事情是：对于正在创建的每个音乐曲目，我希望将不同的图像作为静音按钮。

我现在有了这个：

var imgArray = [];

var i=trackNumber;
for(var i = 0; i < 4; i++) 
{
     imgArray.push(new Image());
     imgArray[imgArray.length - 1].src = 'img/img' + i + '.png';
}

function show_image(src) {
    var img = document.createElement("img");
    img.src = imgArray[i];


    // This next line will just add it to the <body> tag
    document.body.appendChild(img);
}

// Render HTML


var span = document.createElement('tr');
span.innerHTML = '<td class="trackBox" style="height : ' + "120px;" + 'px">' +
    "<progress class='pisteProgress' id='progress" + trackNumber + "' value='0' max='100' style='width : " + SAMPLE_HEIGHT + "px' ></progress>" +
    instrument.name + '<div style="float : right;">' +
    "<button class='mute' id='mute" + trackNumber + "' onclick='muteUnmuteTrack(" + trackNumber + "<img src='imgArray[i]'" + "</button>" ; +
    "<button class='solo' id='solo" + trackNumber + "' onclick='soloNosoloTrack(" + trackNumber + ");'><img src='../img/noearphones.png' /></button></div>" +
    "<span id='volspan'><input type='range' class = 'volumeSlider custom' id='volume" + trackNumber + "' min='0' max = '100' value='100' oninput='setVolumeOfTrackDependingOnSliderValue(" + trackNumber + ");'/></span><td>"; 

divTrack.appendChild(span);

因此每个trackNumber都应该与不同的图像对应。这就是想法。我通过执行if (trackNumber == 0 )之类的操作来完成这项工作，然后为每个轨道创建一个全新的渲染HTML元素。但是应该有一条捷径，对吗？使用我现在的代码，根本没有图像显示。

非常感谢您提前帮助。我很抱歉，我是编码的绝对新手。

在imgArray

0 个答案: