如何在JavaScript数组显示图像

林试图显示在阵列中的图像转印到页，但有困难如何在JavaScript数组显示图像

继承人的JS

 var movieArray = [ 
     { title: "The Artist", picture: "http://cmclove.org/img/sw_off_off.png" }, 
     { title: "A Better Life", picture: "http://cmclove.org/img/sw_off_off.png" }, 
     { title: "Abduction", picture: "http://cmclove.org/img/sw_off_off.png" }, 
     { title: "African Cats", picture: "http://cmclove.org/img/sw_off_off.png" }, 
     { title: "Angel Crest", picture: "http://cmclove.org/img/sw_off_off.png" }, 
     { title: "Arthur", picture: "http://cmclove.org/img/sw_off_off.png" }, 
     { title: "Anonymous", picture: "http://cmclove.org/img/sw_off_off.png" }, 
     { title: "A Dangerous Method", picture: "http://cmclove.org/img/sw_off_off.png" }, 
     ]; 

     for (var p in movieArray) { 
     console.log(p+ ':' +movieArray[p].title+ '|' +movieArray[p].picture); 
     }

继承人到小提琴

一个链路http://jsfiddle.net/d0okie0612/YTKHh/

来源

2013-03-26 user1502223

你的问题，你的小提琴没有任何逻辑来实际尝试显示HTML图像，所以我不知道你是什么在问。 – 2013-03-26 18:32:51

您没有在页面中插入任何内容。

一个解决办法是：

for (var p = 0; p < movieArray.length; p++) { 
    $('body').append('<img src="'+movieArray[p].picture+'" title="'+movieArray[p].title+'">'); 
}

演示：http://jsfiddle.net/YTKHh/2/

来源

2013-03-26 18:32:43 techfoobar

多数民众赞成在工作！但是，是否可以通过添加自己的个人课程和样式来控制每个图像？ – user1502223 2013-03-26 18:35:24

是的，您可以将类，样式等添加到初始数组，并将上面的循环内部的类用作类和样式属性。 – techfoobar 2013-03-26 18:37:54

@ user1502223当然是。这取决于你想要什么。 – 2013-03-26 18:38:06

如何在JavaScript数组显示图像

回答

相关问题