我有一个家庭作业的任务，我需要创建一个显示 4 个图像的简单画廊。我需要将所有图像放入 Array 中，其中每张照片都将位于 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”？但我错过了一些东西。有人能帮我吗？
2 回答
慕侠2389804
TA贡献1719条经验 获得超6个赞
这应该运行。确保在变量之前有一个 $。
(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>
开心每一天1111
TA贡献1836条经验 获得超13个赞
我这样做了，现在它起作用了。我不知道这是否是最好的方法，但是...
(function (){
let array_img = [
{
filename:"20140222_131314.jpg",
title:"img1",
},
{
filename:"20140712_203709.jpg",
title:"img2",
},
{
filename:"20190318_182928.jpg",
title:"img3"
},
{
filename:"20190422_181219.jpg",
title:"img4"
}
]
for (var i = 0 ; i<array_img.length ; i++){
var arr_img = array_img = [i]
var $container = $(".images");
$container.append(arr_img[i+1],"<img src=photos/20140222_131314.jpg>")
$container.append(arr_img[i+1],"<img src=photos/20140712_203709.jpg>")
$container.append(arr_img[i+1],"<img src=photos/20190318_182928.jpg>")
$container.append(arr_img[i+1],"<img src=photos/20190422_181219.jpg>")
}
}());
添加回答
举报
0/150
提交
取消