www.gusucode.com > 65：【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端) > 65：【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端)/m/style/js/slider.js

    document.ontouchend=function(){};$(function(){addTouchEvent(document.getElementById("imgSlider"));function addTouchEvent(obj){obj.ontouchstart=tStart;obj.ontouchmove=tMove;obj.ontouchend=tEnd}
var imgCache=new Array(getAllImgs().split(",").length);var currentImg=0;var preImgSize=1;var startX,startY,endX,endY,absX,absY;function tStart(event){var touch=event.touches[0];startX=touch.pageX;startY=touch.pageY}
function tMove(event){var touch=event.touches[0];endX=touch.pageX;endY=touch.pageY;absX=Math.abs(startX- endX);absY=Math.abs(startY- endY);if(absX>absY){event.preventDefault()}}
function tEnd(event){if(absX>absY){if(startX>endX){nextImg()}else{prevImg()}}
startX=0,startY=0,endX=0,endY=0,absX=0,absY=0}
function nextImg(){var allImgs=getAllImgs();currentImg++;var imgArr=allImgs.split(",");if(currentImg==imgArr.length){currentImg=0;var linkUrl=location.href;var num=linkUrl.indexOf("?");var str=linkUrl.substr(num+1);if(str.indexOf("product_code")>0)
{str=str.substr(num+1);window.location.href="/Morepictures.html?"+ str;}
else
{var regx=/\d{7}/;if(regx.test(linkUrl))
{var pro_code=linkUrl.match(regx);window.location.href="/Morepictures/"+ pro_code+".html";}}}
preLoadImg();loadImg(imgCache[currentImg],1)}
function prevImg(){var allImgs=getAllImgs();currentImg--;var imgArr=allImgs.split(",");if(currentImg<0){currentImg=imgArr.length- 1}
preLoadImg();loadImg(imgCache[currentImg],0)}
function getAllImgs(){var allImgs=$.trim($("#imgs").val());if(allImgs.substring(allImgs.length- 1)==","){allImgs=allImgs.substring(0,allImgs.length- 1)}
return allImgs}
function preLoadImg(){var imgs=getAllImgs();var imgArr=imgs.split(",");var tmp;if(!imgCache[currentImg]){imgCache[currentImg]=(createImg(imgArr[currentImg],200,200))}
for(var i=0;i<preImgSize;i++){tmp=currentImg+(i+ 1);if(tmp<imgArr.length){if(!imgCache[tmp]){imgCache[tmp]=createImg(imgArr[tmp],200,200)}}
tmp=currentImg-(i+ 1);if(tmp<0){tmp=imgArr.length+ tmp;if(!imgCache[tmp]){imgCache[tmp]=(createImg(imgArr[tmp],200,200))}}else{if(!imgCache[tmp]){imgCache[tmp]=(createImg(imgArr[tmp],200,200))}}}}
function loadImg(img,rol){var imgs=getAllImgs();if(imgs==""){return}
var arrImg=imgs.split(",");if(arrImg.length==0){return}
if(rol==undefined){$("#tips").empty();var html='<span class="tbl-cell"><img src="'+ img.src+'" seq="'+ currentImg+'" width="300" height="332"></span>';$("#imgSlider").html(html);$("#imgSlider").css("left","0px")}else{if(1==rol){var prev=currentImg- 1<0?arrImg.length- 1:currentImg- 1;$('#imgSlider img[seq="'+ prev+'"]').parent("span").siblings().remove();$("#tips").empty();var html='<span class="tbl-cell"><img src="'+ imgCache[currentImg].src+'" seq="'+ currentImg+'" width="300" height="332"></span>';$("#imgSlider").append(html);if(currentImg+ 1==arrImg.length){var htm=currentImg+ 1+"/"+ arrImg.length;$("#tips").html("继续向左滑动进入图文详情")}
var htm=currentImg+ 1+"/"+ arrImg.length;$("#imgpage").html(htm);$("#imgSlider").css("left","0px");if(arrImg.length!=1){setTimeout(function(){$("#imgSlider").animate({left:"-300px"},200)},10)}}else{if(0==rol){var prev=currentImg+ 1>arrImg.length- 1?0:currentImg+ 1;$('#imgSlider img[seq="'+ prev+'"]').parent("span").siblings().remove();$("#tips").empty();var html='<span class="tbl-cell"><img src="'+ imgCache[currentImg].src+'" seq="'+ currentImg+'" width="300" height="332"></span>';$("#imgSlider").prepend(html);if(currentImg+ 1==arrImg.length){$("#tips").html("继续向左滑动进入图文详情")}
var htm=currentImg+ 1+"/"+ arrImg.length;$("#imgpage").html(htm);$("#imgSlider").css("left","-300px");setTimeout(function(){$("#imgSlider").animate({left:"0px"},200)},10)}}}}
function createImg(url,width,height){var img=new Image();img.src=url;img.width=width;img.height=height;img.ontouchstart=tStart;img.ontouchmove=tMove;img.ontouchend=tEnd;return img}});