表格中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);
            }
        }
原创粉丝点击