表格中TD 图片切换(轮播)
来源:互联网 发布:手机修改图片软件 编辑:程序博客网 时间:2024/06/05 02:12
var setImg = function(data,type,row,idx){
if(!data){
return "";
}
var imgUrlArr = data.split(",");
var imgUrls = [];
for(let x of imgUrlArr)
{
if($.trim(x)!= "")
{
imgUrls.push("@Model._ProPath/"+ x);
}
}
pitem_imgs.push(imgUrls);
return "<div id='content'><a href='javascript:;' class='prev' onclick='pitem_getIMG_prev($(this),"+idx.row+")' >"
+" <"+" </a> <a href='javascript:;' class='next' onclick='pitem_getIMG_next($(this),"+idx.row+")'> "+">"+"</a>"+
"<img id='img_"+idx.row +"' src='@Model._ProPath/"+imgUrlArr[0]+"' class='img_date' style = 'width:100px;height:100px;' picIndex='0' /></div>" // item_pic_path='"+$.trim(row.item_pic_path)+"'>"+imgHtmlStr+" '
}
var pitem_getIMG_prevb = function(Obj,rowIndex){
var imgObj= $("#imgl_" + rowIndex);
var picIndex = imgObj.attr("picIndex");
picIndex = Number(picIndex);
console.log(picIndex,'22')
if(isNaN(picIndex)){}
else{
var imgArr = pitem_imgs[rowIndex];
picIndex--;
if(picIndex < 0){
picIndex = imgArr.length - 1;
}
imgObj.attr("src",imgArr[picIndex]);
imgObj.attr("picIndex",picIndex);
}
}
var pitem_getIMG_nextb = function(Obj,rowIndex){
var imgObj = $("#imgl_" + rowIndex);
var picIndex = imgObj.attr("picIndex");
picIndex = Number(picIndex);
console.log(picIndex,'picIndex')
if(isNaN(picIndex)){}
else{
var imgArr = pitem_imgs[rowIndex];
picIndex++;
if(picIndex > imgArr.length -1){
picIndex = 0;
}
imgObj.attr("src",imgArr[picIndex]);
imgObj.attr("picIndex",picIndex);
}
}
if(!data){
return "";
}
var imgUrlArr = data.split(",");
var imgUrls = [];
for(let x of imgUrlArr)
{
if($.trim(x)!= "")
{
imgUrls.push("@Model._ProPath/"+ x);
}
}
pitem_imgs.push(imgUrls);
return "<div id='content'><a href='javascript:;' class='prev' onclick='pitem_getIMG_prev($(this),"+idx.row+")' >"
+" <"+" </a> <a href='javascript:;' class='next' onclick='pitem_getIMG_next($(this),"+idx.row+")'> "+">"+"</a>"+
"<img id='img_"+idx.row +"' src='@Model._ProPath/"+imgUrlArr[0]+"' class='img_date' style = 'width:100px;height:100px;' picIndex='0' /></div>" // item_pic_path='"+$.trim(row.item_pic_path)+"'>"+imgHtmlStr+" '
}
var pitem_getIMG_prevb = function(Obj,rowIndex){
var imgObj= $("#imgl_" + rowIndex);
var picIndex = imgObj.attr("picIndex");
picIndex = Number(picIndex);
console.log(picIndex,'22')
if(isNaN(picIndex)){}
else{
var imgArr = pitem_imgs[rowIndex];
picIndex--;
if(picIndex < 0){
picIndex = imgArr.length - 1;
}
imgObj.attr("src",imgArr[picIndex]);
imgObj.attr("picIndex",picIndex);
}
}
var pitem_getIMG_nextb = function(Obj,rowIndex){
var imgObj = $("#imgl_" + rowIndex);
var picIndex = imgObj.attr("picIndex");
picIndex = Number(picIndex);
console.log(picIndex,'picIndex')
if(isNaN(picIndex)){}
else{
var imgArr = pitem_imgs[rowIndex];
picIndex++;
if(picIndex > imgArr.length -1){
picIndex = 0;
}
imgObj.attr("src",imgArr[picIndex]);
imgObj.attr("picIndex",picIndex);
}
}
阅读全文
0 0
- 表格中TD 图片切换(轮播)
- 轮播图片切换
- 轮播图片切换(函数合并)
- js动态往表格的td中添加图片
- 轮播图片切换(函数传参)
- 图片轮播(上一幅下一幅+圆点+自动切换)
- 用js实现图片轮播切换(1)
- Android实现图片轮播切换
- js图片轮播手动切换
- JS图片轮播切换效果实现
- <jQuery>首页图片切换/轮播
- js实现图片切换与轮播
- 带数字的图片切换+轮播
- Android中使用ImageViewSwitcher实现图片切换轮播导航效果
- Android中使用ImageViewSwitcher实现图片切换轮播导航效果
- Flexslider图片轮播、文字图片相结合滑动切换效果
- Flexslider图片轮播、文字图片相结合滑动切换效果
- 原生js+css3实现图片自动切换,图片轮播
- eclipse下编译hadoop源代码(转)
- 用rsync 命令实现linux 跨服务器差分备份,不需要输入密码
- poj2373灌溉草场
- SpringBoot ( 七 ) :springboot + mybatis 多数据源最简解决方案
- gcc 4.8.2 安装(devtoolset-2)
- 表格中TD 图片切换(轮播)
- git 常用命令
- 【Arduino入门教程之一】入门Hello World
- 修改密码显示和隐藏密码
- Linux下mysql完全卸载
- structs项目的web.xml配置
- Qt学习小记(三)
- Andorid--EditText输入监听事件
- 用c#打开.DBF文件 读取内容到DataTable或DataSet中