如何通过数组显示图像？

-1

我已经问过这个问题了，但是我一直没能得到很多答案。我会尽力让这个更清楚！如何通过数组显示图像？

我有一个数组，我随机使用math.random。我在浏览器中显示这个数组，每次页面刷新它随机化并输出一个不同的数组项。每个数组项都包含一个标题和描述，但我也在尝试添加一个图像。我希望这个图像在浏览器中显示。

的JavaScript：

var myArray = [ 
       {title: "my title", description: "my description", image: "file path"}, 
       ]; 

function getArray(ary){ 
    return ary[Math.floor(Math.random()*ary.length)]; 
} 
var random = getArray(action);

，然后在我的HTML我有一个<script>标签显示项目到浏览器的每一个部分，

 document.write(random.title); 
     document.write(random.description); 
     document.write(random.image);

的问题是，图像不显示它只显示文本中的实际文件路径。我如何能够显示实际的图像？

来源

2015-04-04 roguerat

你有没有听说过该网站google.com的？它甚至比stackoverflow还快。 – 2015-04-04 22:15:40

img src之前有人能学习javascript吗？ – 2015-04-04 22:16:23

@StephenSarcsamKamenar我试过谷歌搜索，我不能那么擅长它... – roguerat 2015-04-04 22:18:00

您是放置HTML的图像，这种方式：

document.write('<img src="'+random.image+'" width="203" height="350" />');

否则你random.image只显示阵列，这是写在上面“文件路径”文本的输出。

来源

2015-04-04 22:11:21

非常感谢你！我老老实实地在这上面花了几个小时，我不知道为什么我不能弄明白，但这样做是有道理的。 – roguerat 2015-04-04 22:30:20

非常欢迎。 – 2015-04-04 22:33:25

使其有效的HTML。 Like <img src="path">

这是一些随机文本，因为答案太短。

来源

2015-04-04 22:12:19

如果你想dinamically创建图像，一个可行的办法是：

var x = document.createElement("IMG"); 
x.setAttribute("src", "file.jpg"); 
document.body.appendChild(x);

来源

2015-04-04 22:19:21 Roger

如何通过数组显示图像？

回答

相关问题