1

我有一个 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。

4

2 回答 2

1

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

<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>
于 2013-05-30T18:17:42.967 回答
0

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); 

}
于 2013-05-31T08:00:06.600 回答