Question

我正在尝试从文件夹中加载图片库。我正在使用JavaScript / jQuery。这是代码。

$(document).ready(function(){
    var dir = "images/"; // folder location
    var fileextension = ".jpg"; // image format
    var i = "1";

    $(function imageloop(){
        $("<img />").attr('src', dir + i + fileextension ).appendTo(".images");

        if (i==13) {
           alert('loaded');
         } else {
           i++;
           imageloop();
         };
    });   
});

<a href="#" onload="imageloop()"></a>

但它没有显示任何内容。请告诉我出了什么问题。感谢。

Answer 1

将以下内容添加到<head>：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

我重写了代码，因为尝试使用while或for循环时文件位置没有具体细节。

<强>段

$(document).ready(function() {

  $('#btn').click(function(e) {
    var dir = "http://loremflickr.com/200/150?random=";
    var i = 0;
    e.preventDefault();
    while (i < 14) {
      $("#images").append('<img src="' + dir + i + '" />');
      i++;
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<div id="images"></div>
<button id="btn"><a href="#">LOOP</a>
</button>

使用JavaScript将图库中的图库图像显示到网页中

1 个答案: