数组HTML Javascript中的图像

Image from an array HTML Javascript

本文关键字：图像 Javascript HTML 数组      更新时间：2023-09-26

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

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

这是我的阵列：

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"/>');

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

试试这个：

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

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

使用此：

imgArray[3] = new Image();
imgArray[3].src = 'images/pie2b.png';

你需要写：

document.write('<img src="' + imgArray[3].src + '"/>'); 
// please note the '.src'
相关文章：