使用JavaScript将文件夹图像从文件夹显示到网页

我正试图从文件夹加载图像库。我正在使用JavaScript/jQuery。这是代码。使用JavaScript将文件夹图像从文件夹显示到网页

$(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>

但是这说明不了什么。请告诉我什么是错的。谢谢。

来源

2016-02-28 saif

首先，尝试在浏览器中打开刚才图像的URL。 –

将此项添加到''：'' – zer00ne

提供更多HTML - 并解释你正在追加的'.images'是什么？ – aphextwix

添加以下到<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>

来源

2016-02-28 15:03:19 zer00ne

使用JavaScript将文件夹图像从文件夹显示到网页

回答

相关问题