动态添加javascript数组到img src

dynamically add javascript array to img src

本文关键字：img src 数组 添加 javascript 动态      更新时间：2023-09-26

我有一个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。什么函数会使b[2]显示数字2而不是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>

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); 
}
相关文章：