как для отображения изображений в яваскрипта массиве

Question

Im пытается отобразить изображения в массиве на странице, но имеющие трудности

Херес 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); 
     } 

Heres ссылку на скрипке

http://jsfiddle.net/d0okie0612/YTKHh/

Answer 1

Вы не вставляете ничего на страницу.

Раствор будет:

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

Демо: http://jsfiddle.net/YTKHh/2/