当前位置:首页 » 文件管理 » jquery上传多张图片

jquery上传多张图片

发布时间: 2025-07-08 04:26:44

1. jquery 点击一次加载几张图片,再点击再加载几张图片,一直到所有图片都显示,怎么实现

varimgMana=function(){
//内部指针索引
this.idx=0;
//需要加载的图片列表
this.imgs=[
'https://dimg04.c-ctrip.com/images/70010b0000005a2k71535_280_170_112.jpg',
'https://dimg04.c-ctrip.com/images/700f0c0000006nxnfD731_280_170_112.jpg',
'https://dimg04.c-ctrip.com/images/70020h0000008s9xx8ACF_280_170_112.jpg',
'https://dimg04.c-ctrip.com/images/700j0h0000008sx877A9B_280_170_112.jpg',
'https://dimg04.c-ctrip.com/images/700u0h0000008zdvbA836_1920_360_111.jpg'
];
//加载图片num:加载的数量
this.loadImg=function(num){
num=num||1;
varinfo,len=this.idx+num;
for(this.idx;this.idx<len;this.idx++){
info=this.imgs[this.idx];
if(!info){
alert('图片都加载完啦');
returnthis;
}
this.render(info);
}
}
//渲染图片
this.render=function(img){
img&&$('body').append("<imgsrc='"+img+"'/>");
}
returnthis;
}

//使用方式
varimgM=newimgMana();
$('.button').click(function(){
imgM.loadImg(2);
});

热点内容
java返回this 发布:2025-10-20 08:28:16 浏览:593
制作脚本网站 发布:2025-10-20 08:17:34 浏览:888
python中的init方法 发布:2025-10-20 08:17:33 浏览:581
图案密码什么意思 发布:2025-10-20 08:16:56 浏览:765
怎么清理微信视频缓存 发布:2025-10-20 08:12:37 浏览:683
c语言编译器怎么看执行过程 发布:2025-10-20 08:00:32 浏览:1012
邮箱如何填写发信服务器 发布:2025-10-20 07:45:27 浏览:254
shell脚本入门案例 发布:2025-10-20 07:44:45 浏览:113
怎么上传照片浏览上传 发布:2025-10-20 07:44:03 浏览:806
python股票数据获取 发布:2025-10-20 07:39:44 浏览:712