使用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將文件夾圖像從文件夾顯示到網頁

回答

相關問題