javascript - 来自数组 HTML Javascript 的图像

Question

这是一个基本问题，但我发现的大多数示例都有点过于复杂。

我正在尝试创建一组照片，然后仅显示选定的一张。

这是我的数组:

var imgArray = new Array();
imgArray[0] = new Image();
imgArray[0].src = 'images/pie1a.png';
imgArray[1] = new Image();
imgArray[1].src = 'images/pie1b.png';
imgArray[2] = new Image();
imgArray[2].src = 'images/pie2a.png';
imgArray[3] = new Image();
imgArray[3].src = 'images/pie2b.png';

这是我的 HTML:

<img src=imgArray[1] width="33" height="32">

我也尝试过这个:

document.write('<img src="' + imgArray[1] + '" width="120" height="120"/>');    

照片永远不会显示。 我做错了什么？

Answer 1

试试这个:

var imgArray = [
    'images/pie1a.png',
    'imgaes/pie1b.png',
    // ...
];
document.write('<img src="'+imgArray[1]+'" width="120" height="120" />');

请注意，document.write 不是一个好主意，应该避免它，但如果它至少能让您的代码正常工作，那就是一个好的开始!