gpt4 book ai didi

javascript - 使用 JavaScript 将文件夹中的图库图像显示到网页中

转载 作者:行者123 更新时间:2023-11-30 16:14:51 25 4
gpt4 key购买 nike

我正在尝试从文件夹加载图片库。我正在使用 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>

但它什么也没显示。请告诉我怎么了。谢谢。

最佳答案

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

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

我重写了代码,因为没有关于文件位置的细节尝试使用 whilefor环形。

片段

$(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 - 使用 JavaScript 将文件夹中的图库图像显示到网页中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35684046/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com