Question

我有一个javascript数组，（不是jquery），我可以提取src所需的代码：

var imp = code1 [5];
document.getElementById("prodimg").src=imp;

的HTML

<img  id="prodimg">

我正在尝试建立一个系统，按下code2将显示代码2等的图片。因此，当单击代码2时，var imp将更改为code2 [5]。

我有点工作用于其他一些关于点击的数据，但我在编写问题时将特定数组放回img标记。

我正在思考

  function changeimg(code)

或

 function changeimg (code, array)

function changeimg (code, [5])
{
  imp = code [5]
}

但它不起作用，我确信有一种更简单的方法

Js fiddle：http://jsfiddle.net/9aUq8有一些功能破坏，每个按钮会将图像的src更改为自己的数组

或http://jsfiddle.net/9aUq8/1/显示数字1，B [2]的数组显示数字2.显示数字2而不是1的b [2]会显示什么函数。

Answer 1

尝试使用此示例中的函数中的window['name_array'][index]。

<script>
var code1 = [1, 2, 3, 4, 5];
var code2 = ['a', 'b', 'c', 'd'];
function setCodeSrc(code, ix) {
  document.getElementById("prodimg").src = window[code][ix];
}

setCodeSrc('code1', 3);
</script>

或者更好，将数组转换为对象。

<script>
var codes = {
  'code1': [1, 2, 3, 4, 5],
  'code2': ['a', 'b', 'c', 'd']
};

function setCodeSrc(code, ix) {
  document.getElementById("prodimg").src = codes[code][ix];
}

setCodeSrc('code2', 2);
</script>

Answer 2

CoursesWeb的概率要好得多，但我这样做了：

    function displayArrayAsImage( array ) {

  var picurl = array[2];

  var html = 'img/';    

    html +=  picurl ;

  html += '.jpg';

  return html;
}

 var getimg = document.getElementById("prodimg");

//加载时插入图片

   getimg.src = displayArrayAsImage (code1);

//点击

更改图片

function change(code)
{

    getimg.src = displayArrayAsImage (code); 

}

动态添加javascript数组到img src

2 个答案: