var viewNum_ = 4; //==================图片详细页函数===================== function jqzoomInit(width,viewNum) { viewNum_ = viewNum; } function getCurviewNum() { return viewNum_; } //鼠标经过预览图片函数 function preview(img,width){ var isvideo = $(img).attr("isvideo"); if(isvideo=='1'){ $(".jqzoom").hide();$(".prism-player").show(); $(img).parent().addClass("add").siblings(".items ul li").removeClass("add"); }else { $(".jqzoom").show();$(".prism-player").hide(); $("#preview .jqzoom img").attr("src", $(img).attr("big")); $("#preview .jqzoom img").attr("jqimg", $(img).attr("big")); $(img).parent().addClass("add").siblings(".items ul li").removeClass("add"); } } //鼠标经过预览图片函数 function preview(img){ var width = $(".jqzoom").parent().attr("width"); var isvideo = $(img).attr("isvideo"); if(isvideo=='1'){ $(".jqzoom").hide();$(".prism-player").show(); $(img).parent().addClass("add").siblings(".items ul li").removeClass("add"); }else { $(".jqzoom").show();$(".prism-player").hide(); $("#preview .jqzoom img").attr("src", $(img).attr("big")); $("#preview .jqzoom img").attr("jqimg", $(img).attr("big")); $(img).parent().addClass("add").siblings(".items ul li").removeClass("add"); } } //图片放大镜效果 $(function(){ $(".jqzoom").jqueryzoom({xzoom:380,yzoom:410}); }); //图片预览小图移动效果,页面加载时触发 $(function(){ var tempLength = 0; //临时变量,当前移动的长度 var viewNum = getCurviewNum(); //设置每次显示图片的个数量 var moveNum = 1; //每次移动的数量 var moveTime = 300; //移动速度,毫秒 var scrollDiv = $(".spec-scroll .items ul"); //进行移动动画的容器 var scrollItems = $(".spec-scroll .items ul li"); //移动容器里的集合 var moveLength = scrollItems.length>viewNum?scrollItems.eq(1).width() * moveNum :0; //计算每次移动的长度 var countLength = (scrollItems.length - viewNum) * scrollItems.eq(0).width(); //计算总长度,总个数*单个长度 //下一张 $(".spec-scroll .next").bind("click",function(){ var scrollItems = $(".spec-scroll .items ul li"); //移动容器里的集合 var moveLength = scrollItems.length>getCurviewNum()?scrollItems.eq(1).width() * moveNum :0; //计算每次移动的长度 var countLength = (scrollItems.length - getCurviewNum()) * scrollItems.eq(0).width(); //计算总长度,总个数*单个长度 if(tempLength < countLength){ if((countLength - tempLength) > moveLength){ scrollDiv.animate({left:"-=" + moveLength + "px"}, moveTime); tempLength += moveLength; }else{ scrollDiv.animate({left:"-=" + (countLength - tempLength) + "px"}, moveTime); tempLength += (countLength - tempLength); } } }); //上一张 $(".spec-scroll .prev").bind("click",function(){ var scrollItems = $(".spec-scroll .items ul li"); //移动容器里的集合 var moveLength = scrollItems.length>getCurviewNum()?scrollItems.eq(1).width() * moveNum :0; //计算每次移动的长度 var countLength = (scrollItems.length - getCurviewNum()) * scrollItems.eq(0).width(); //计算总长度,总个数*单个长度 if(tempLength > 0){ if(tempLength > moveLength){ scrollDiv.animate({left: "+=" + moveLength + "px"}, moveTime); tempLength -= moveLength; }else{ scrollDiv.animate({left: "+=" + tempLength + "px"}, moveTime); tempLength = 0; } } }); }); //==================图片详细页函数=====================