如何使用jQuery逐个加载文件
我有很多类型的文件,如图像,音频,视频,文字,。。。我想一个接一个地加载这些文件。对于图像,我想在完成上一个图像后加载下一个图像。我如何通过jQuery实现它?我尝试使用如何使用jQuery逐个加载文件,jquery,Jquery,我有很多类型的文件,如图像,音频,视频,文字,。。。我想一个接一个地加载这些文件。对于图像,我想在完成上一个图像后加载下一个图像。我如何通过jQuery实现它?我尝试使用 $('img').load(function () {}) 我有一个数组。我怎么做呢?你可以这样做 var images = ['img1.png', 'img2.png', 'img3.png']; function loadImages() { if(!images.length) return
$('img').load(function () {})
我有一个数组。我怎么做呢?你可以这样做
var images = ['img1.png', 'img2.png', 'img3.png'];
function loadImages() {
if(!images.length)
return;
$('<img />', {
src: images.splice(0, 1),
onload: loadImages
}).appendTo('#imgContainer');
}
var images=['img1.png','img2.png','img3.png'];
函数loadImages(){
如果(!images.length)
返回;
$('
这将在加载上一个数组后将每个图像附加到#imgContainer
。面对类似的问题,您必须使用正则表达式
看到我的问题了吗
您将知道您需要做什么。我的实现:
var imageInfo = [{
id : '#img1',
src : '/images/img1.png'
}, {
id : '#img2',
file : '/images/img2.png'
}];
var currentImage = 0;
var loadImage = function(imageNumber) {
if(imageNumber < imageInfo.length) {
var img = imageInfo[imageNumber];
$(img.id).attr('src', img.src);
};
};
$('img').load(function () {
loadImage(currentImage ++);
});
loadImage(currentImage);
var imageInfo=[{
id:“#img1”,
src:“/images/img1.png”
}, {
id:“#img2”,
文件:'/images/img2.png'
}];
var currentImage=0;
var loadImage=函数(imageNumber){
if(imageNumber
@Austin Brunkhorst yes,假设文档中没有其他图像。如果有,则需要使用图像加载回调变得更具体。例如$('img.delayedLoad')。加载(…);我在你的指南中这样做,但不起作用,这是我的片段:你看我的小提琴了吗?我的解决方案比你标记为答案的解决方案更通用、更简洁。顺便问一下,我可以问你一个问题吗?我想按块加载。我有10个图像,我想把它分成2个块,每个块包括5个图像。我怎么做?