gpt4 book ai didi

javascript - 我需要使用 JSON 对象从数组创建图像库

转载 作者:行者123 更新时间:2023-12-02 22:42:21 24 4
gpt4 key购买 nike

我有一个作业任务,我需要创建一个显示 4 张图像的简单图库。

我需要将所有图像放入数组中,其中每张照片都将位于 JSON 对象中,并从数组中加载图像。这就是我现在所在的位置:

<body>
<div class="images">

</div>

(function (){
let array_img = [
{
filename:"20140222_131314",
title:"img1",

},
{
filename:"20140712_203709",
title:"img2",

},
{
filename:"20190318_182928",
title:"img3"
},
{
filename:"20190422_181219",
title:"img4"
}
]
for (var i = 0 ; i<array_img.length ; i++){
arr_img = array_img[i]
var container = $(".images");
$container.append("<img/>").attr("src=/Photos/20140222_131314.jpg")

}

}());

或者我应该创建一个附加变量 img= array_img[i] 并从中创建一个文本节点,然后追加。但是如何附加并设置所有图像的 src 路径。也许我需要创建并清空对象结构的“src”?但我错过了一些东西。有人可以帮助我吗?

最佳答案

这应该运行。确保变量前有一个 $。

(function() {
let array_img = [{
filename: "20140222_131314",
title: "img1",

},
{
filename: "20140712_203709",
title: "img2",

},
{
filename: "20190318_182928",
title: "img3"
},
{
filename: "20190422_181219",
title: "img4"
}
]
for (var i = 0; i < array_img.length; i++) {
$arr_img = array_img[i]
var $container = $(".images");
$container.append("<img src=/Photos/"+$arr_img[0]+".jpg/>");

}

}());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="images">

</div>

关于javascript - 我需要使用 JSON 对象从数组创建图像库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58545372/

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