Question

我正在尝试在单击按钮时加载多个图像。

这是我的剧本

$(document).ready(function(){
    $("button").click(function(){
           $('#img').html('<img src="img ' + $(this).val() + '.jpg" width="200px">');
    });
});

这里如何使用for循环从img文件夹中获取所有图像

html代码：

<body>
<div id="img"></div>
<button>Get External Content</button>
</body>

Answer 1

不知道你的＆＃34; img文件夹＆＃34;是的，所以我已经定义了一些变量来更新它们的值。

无论如何，代码将是：

// update these
var imagesFolder = "myFolder";
var imagesSources = ["image1", "image2", "image3", "image4"];

$("button").click(function() {
    for (var i = 0; i < imagesSources.length; i++) {
        $('#img').append('<img src="' + imagesFolder + '/' + imagesSources[i] + '.jpg">');
    }   
});

在Jquery中动态获取图像

1 个答案: