如何将图像放入var memory_array记忆游戏中?

时间:2014-06-16 17:46:50

标签: javascript html5 image css3 memory

我正在用Javascript制作记忆游戏,但我想把图像放在我的代码中,而不是数字或字母。

这是我的代码:

var memory_array =  [0,'0','1','1','2','2','3','3','4','4','5','5'];

如何将其更改为图像?

我尝试过以下选项:

var imgArray = new Array();

imgArray[0] = new Image();
imgArray[0].src = 'imgArray/img/parra.jpg'

imgArray[1] = new Image();
imgArray[1].src = 'imgArray/img/adidas.jpg';

但到目前为止,没有任何作用。 我被困了可以有人帮帮我吗?

感谢。

1 个答案:

答案 0 :(得分:0)

如果你真的想在数组中有img个元素(不仅仅是它们的URL),你可以自己创建一个函数来创建它们:

function createImage(src) {
    var img = document.createElement('img'); // Or `= new Image();`, doesn't matter
    img.src = src;
    return img;
}

然后在数组初始值设定项中使用它:

var memory_array = [
    createImage("/path/to/an/image.jpg"),
    createImage("/path/to/another/image.jpg"),
    createImage("/path/to/a/third/image.jpg")
];