Javascript 如何加载要褪色的图像阵列？

我有以下代码，其中我只加载一个图像。但我想从e文件夹加载多个图像，然后淡入淡出。但我感兴趣的是，如何从文件夹中加载所有图像而不重复代码，如src=“frames/frame_1”src=“frames/frame_2”我想要一些软文件，如src=“frames/frame_”+I+”.jpg”，其中I是帧的编号

这就是我现在只加载一个图像的方式

var img = new Image();
var div = document.getElementById('foo');

img.onload = function() {
  div.appendChild(img);
};

img.src = 'frames/frame_1.jpg';

---

它相对简单。基本上，您将已有的代码放在一个循环中：

var img, i,
    imageCount = 5,
    div = document.getElementById('foo');

for(i = 0; i < imageCount; i++){
    img = new Image();
    img.onload = function() {
        div.appendChild(img);
    };
    img.src = 'frames/frame_' + i + '.jpg';
}

var img，i，
imageCount=5，
div=document.getElementById（'foo'）；
对于（i=0；i

您可以将循环

用于

：

var-img，
div=document.getElementById（'foo'）；
对于（变量i=0，nbImg=5；i

分享你的研究成果对每个人都有帮助。告诉我们您尝试了什么，以及为什么它不能满足您的需求。这表明你花了时间来帮助自己，它使我们避免重复显而易见的答案，最重要的是，它帮助你得到一个更具体和相关的答案！另外，我建议不要在循环中使用

var

语句。