如何在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數組顯示圖像

回答

相關問題