html怎么把图片放到数组,HTML5中的图像数组

所以，如果我想在网上抓取几张图片，将它们放入一个数组中并在网站上使用它们，我正在使用Javascript怎么做。HTML5中的图像数组

var images = [

{caption: "Red Slate Mountain", alt: "Mountain", url:"https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Red_Slate_Mountain_1.jpg/320px-Red_Slate_Mountain_1.jpg"},

{caption: "St. Petersburg River", alt: "River", url: "https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Saint-petersburg-river-march-24-2016.jpg/320px-Saint-petersburg-river-march-24-2016.jpg"},

{caption: "Lybian Desert", alt: "Desert", url: "https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Libyan_Desert_-_2006.jpg/320px-Libyan_Desert_-_2006.jpg"},

{caption: "Azerbaijan Forest", alt: "Forest", url: "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6d/Azerbaijan_forest_3.JPG/320px-Azerbaijan_forest_3.JPG"},

{caption: "Indonesian Jungle", alt: "Jungle", url: "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Indonesian_jungle3%2C_Zoo_Prague.jpg/320px-Indonesian_jungle3%2C_Zoo_Prague.jpg"}

];

这些都是一些图片，我有一个标题有画面下，中高音如果它不加载图片，以及位置的URL。

容器我至今是：

window.onload = function(){

var imageContainer = document.querySelector("#image");

for(var i=0; i < images.length; i++){

var myImageStr += "

" src='" + images[i].url + "' />";

imageContainer.innerHTML = myImageStr;

};

这不加载任何东西，所以我假定我的东西我在这里下车，只是不知道是什么。任何帮助请:)

+0

是否有浏览器控制台的任何消息？ –

+0

不，只是一个标题说“图像阵列” –