当前位置:首页 » 文件管理 » 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);
});

热点内容
bat脚本字符串 发布:2025-07-10 21:19:49 浏览:170
像素工厂手机服务器地址 发布:2025-07-10 21:18:12 浏览:749
怎么查看服务器ip跟密码是多少 发布:2025-07-10 21:12:29 浏览:21
sqlserver读写分离 发布:2025-07-10 21:12:27 浏览:375
油猴安装脚本 发布:2025-07-10 21:01:30 浏览:583
json跨域访问 发布:2025-07-10 20:51:37 浏览:870
架设测试服务器怎么做 发布:2025-07-10 20:47:32 浏览:412
lol服务器满载怎么办 发布:2025-07-10 20:31:08 浏览:328
sql2005脚本导出数据 发布:2025-07-10 20:31:05 浏览:112
三星手机服务器停止运行怎么办 发布:2025-07-10 20:21:07 浏览:868