通过Javascript的多个图像

Multiple images via Javascript?

本文关键字：图像 Javascript 通过      更新时间：2023-09-26

我是新手，目前有两个实例:

    var img = new Image();
var div = document.getElementById('Latest_A');
img.onload = function() {
  Latest_A.appendChild(img);
};
img.src = '../Latest_A.jpg';

(然后是另一个，B等等)

当前只调用最后一个实例?无论如何都要打电话还是更多?

我很确定您正在尝试从图像url列表中将多个图像添加到相同的<div>元素。

这将从数组中获取url列表，并将每个url添加到选定的div中。IT还将为每个url分配一个唯一的id，以防您需要为每个url设置样式。

   var div = document.getElementById('Latest_A');
   var imageArray = ['http://placehold.it/200x200','http://placehold.it/200x300','http://placehold.it/300x200','http://placehold.it/200x150'];
   for (var i = 0; i < imageArray.length; i++) {
   var img = new Image();
   img.id = 'image' + i;
   img.src = imageArray[i];
   div.appendChild(img);
   }
   <div id="Latest_A"></div>

相关文章：