使用JavaScript將文件夾中的圖庫圖像顯示到網頁中

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 個解決方案

解決方案1
2 已采納 2016-02-28 15:03:19

使用JavaScript將文件夾中的圖庫圖像顯示到網頁中

問題描述

1 個解決方案

解決方案1 2 已采納 2016-02-28 15:03:19

解決方案1
2 已采納 2016-02-28 15:03:19