在Jquery中动态获取图像
问题描述:
我试图在单击按钮时加载多个图像。在Jquery中动态获取图像
这是我的脚本
$(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>
答
不知道在您的 “IMG文件夹”是,所以我定义了一些变量让你更新它们的值。
无论如何,代码如下:
// 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">');
}
});
$(本).VAL()返回按钮的点击价值。你想要这个或像图像名称一样的其他值吗? – Nitesh
根据您将加载多个图像? – ScanQR
您必须使用AJAX才能从文件夹中获取所有图像。 –