Question

我正在我的项目中创建图库，但我不希望垃圾邮件清除html并在我的代码中重复20次。我想在javascript中创建循环以从我的文件夹中获取图像的数量，然后将其添加到一个div中。我已经创建了代码，但我不知道如何处理它。代码：

$/

*** - 我不知道应该在那里。我知道我需要变量来增加后来的图像数量，如1.jpg，2.jpg，3.jpg等。

Answer 1

你需要从1循环到20，所以将循环计数设置为20.然后在setAttribute函数中使用index from loop，如下所示：

   function addingImages() {
    for (var i = 1; i <= 20; i++) {
        var image = document.createElement("img");
        image.setAttribute("src", "images/" + i + ".jpg");
        document.querySelector(".gallery").appendChild(image);
   }
}

Answer 2

使用Jquery，你也可以使用它：

function addImages(img_count) {
   var images='';
   for (var i = 1; i <= img_count; i++) {
    image = '<img src="images/'+i+'.jpg">';
   }
   $(".gallery").html(image);
}

Answer 3

您需要添加此jquery（Ajax）函数而不是for循环，因为您需要先检查文件夹中的图像，然后再将其包含在库中 $就（{ 网址：＆＃34;图片/＆＃34;，成功：函数（数据）{ $（数据）.find。（＆＃34;一个：含有（.JPG）＆＃34）每个（函数（）{ var filename = this.href.replace（window.location.host，＆＃34;＆＃34;）.replace（＆＃34; http：//＆＃34;，＆＃34;＆＃34;）; $（＆＃34;画廊＆＃34）。追加（＆＃34;＆＃34）; }）; } }）;

Javascript库，添加“for”循环图像

3 个答案: