锘?* 2019-1-18
* SuperSlide v3.0 alpha寮€鍙戠増
* 杞绘澗瑙ｅ喅缃戠珯澶ч儴鍒嗙壒鏁堝睍绀洪棶棰
* 璇﹀敖淇℃伅璇风湅瀹樼綉锛歨ttp://www.SuperSlide2.com/
*
* Copyright 2011-2018, 澶ц瘽涓诲腑
*
* 璇峰皧閲嶅師鍒涳紝淇濈暀澶撮儴鐗堟潈
* 鍦ㄤ繚鐣欑増鏉冪殑鍓嶆彁涓嬪彲搴旂敤浜庝釜浜烘垨鍟嗕笟鐢ㄩ€
* v3.0锛
1銆佷慨澶 mouseOverStop 鍜 autoPlay鍧囦负false涓嬶紝鐐瑰嚮鍒囨崲鎸夐挳鍚庝細鑷姩鎾斁bug;
2銆乮nterTime榛樿鍊兼敼涓?000;
3銆乿is榛樿鍊兼敼涓?auto"
4銆乻croll榛樿鍊兼敼涓?auto"
5銆佸鍔犲弬鏁 responsive -- 榛樿鍊紅ure锛屾槸鍚﹀紑鍚搷搴斿紡鍔熻兘
6銆佸鍔犲弬鏁 responsiveFun -- 鍝嶅簲寮忓洖璋冨嚱鏁
7銆佸鍔犲弬鏁 responsiveFunTime -- 榛樿鍊?00锛屽崟浣嶆绉掞紝澶栨瀹藉害鏀瑰彉锛堣Е鍙戝搷搴斿紡锛夋椂鍥炶皟鍑芥暟鎵ц闂撮殧
8銆佸鍔犲弬鏁 autoHeight -- 榛樿鍊紅rue锛岃嚜鍔ㄩ€傞厤鍐呭楂樺害锛屽父鐢ㄤ簬绉诲姩绔紝effect:"left鎴杔eftLoop",vis:1,scroll:1鏃舵湁鏁
9銆佸鍔犲弬鏁 canTouch -- 榛樿鍊?auto"锛岀Щ鍔ㄧ鏈夋晥锛涙槸鍚﹀甫瑙︽懜鎷栨嫿鏁堟灉锛涘彲閫?auto"|true|false锛沘uto鎯呭喌涓嬫槸闄や簡fade銆乫old銆乻lideDown涓嶅甫瑙︽懜锛屽叾瀹冮兘甯
10銆侀噸鏂拌璁?fold"鐨勫疄鐜版柟寮忥紝涓嶅啀闇€瑕佽绠楀楂橈紝鐜板湪鍙互鑷€傚簲楂樺害
11銆佹柊澧炲缃柟娉曪細
play() -- 鎾斁
pause() -- 鏆傚仠
prev() -- 涓婁竴椤
next() -- 涓嬩竴椤
goTo(int) -- 璺冲埌绗琲nt椤
refresh() -- 鍒锋柊鏁堟灉
reset() -- 閲嶇疆鏁堟灉
getIndex() -- 鑾峰彇褰撳墠椤电爜
getPages() -- 鑾峰彇鎬婚〉鏁
clearStyle() -- 娓呴櫎鎻掍欢鍔犲叆鐨剆tyle
destroyInter() -- 閿€姣乻etInterval鍜宻etTimeout
destroyEvents() -- 閿€姣佷簨浠剁粦瀹
destroy() -- 閿€姣佹彃浠讹紙clearStyle() + destroyInter() + destroyEvents()锛
浣跨敤鏂瑰紡锛
鎵цslide鍚庝細杩斿洖superslide瀵硅薄闆嗗悎锛
渚嬪锛
var ss = $(".slider").slide({ .... });
鐜板湪鎯宠缃浜屼釜".slider"鏆傚仠锛屾墽琛屼唬鐮佷负锛 ss[1].pause();
*/
(function ($, win) {
$.fn.slide = function (options) {
$.fn.slide.defaults = {
type: "slide",
effect: "fade",
autoPlay: false,
delayTime: 500,
interTime: 4000,
triggerTime: 150,
defaultIndex: 0,
titCell: ".hd li",
mainCell: ".bd",
targetCell: null,
trigger: "mouseover",
scroll: "auto",
vis: "auto",
titOnClassName: "on",
autoPage: false,
prevCell: ".prev",
nextCell: ".next",
pageStateCell: ".pageState",
opp: false,
pnLoop: true,
easing: "swing",
startFun: null,
endFun: null,
switchLoad: null,
playStateCell: ".playState",
mouseOverStop: true,
defaultPlay: true,
returnDefault: false,
responsive: true,
responsiveFun: null,
responsiveFunTime: 100,
autoHeight: true,
canTouch: "auto"
};
var ary = [];
var createObj = function (opts, slider) {
var _this = this;
var effect = opts.effect;
var prevBtn = $(opts.prevCell, slider);
var nextBtn = $(opts.nextCell, slider);
var pageState = $(opts.pageStateCell, slider);
var playState = $(opts.playStateCell, slider);
var navObj = $(opts.titCell, slider); //瀵艰埅瀛愬厓绱犵粨鍚
var navObjSize = navObj.length;
var conBox = $(opts.mainCell, slider); //鍐呭鍏冪礌鐖跺眰瀵硅薄
var conBoxSize = conBox.children().length;
var sLoad = opts.switchLoad;
var tarObj = $(opts.targetCell, slider);
/*瀛楃涓茶浆鎹?/
var index = parseInt(opts.defaultIndex);
var delayTime = parseInt(opts.delayTime);
var interTime = parseInt(opts.interTime);
var triggerTime = parseInt(opts.triggerTime);
var scroll = isNaN(opts.scroll) ? "auto" : parseInt(opts.scroll);
var vis = isNaN(opts.vis) ? "auto" : parseInt(opts.vis);
var autoPlay = (opts.autoPlay == "false" || opts.autoPlay == false) ? false : true;
var opp = (opts.opp == "false" || opts.opp == false) ? false : true;
var autoPage = (opts.autoPage == "false" || opts.autoPage == false) ? false : true;
var pnLoop = (opts.pnLoop == "false" || opts.pnLoop == false) ? false : true;
var mouseOverStop = (opts.mouseOverStop == "false" || opts.mouseOverStop == false) ? false : true;
var defaultPlay = (opts.defaultPlay == "false" || opts.defaultPlay == false) ? false : true;
var returnDefault = (opts.returnDefault == "false" || opts.returnDefault == false) ? false : true;
var canTouch = opts.canTouch;
//瑙︽懜鐩稿叧
var supportTouch = !!("ontouchstart" in window || window.navigator.msMaxTouchPoints);
if (canTouch == "auto") {
if (("left leftLoop leftMarquee top topLoop topMarquee").indexOf(effect) != -1) {
canTouch = true;
} else {
canTouch = false;
}
} else {
canTouch = (opts.canTouch == "false" || opts.canTouch == false) ? false : true;
}
canTouch = (canTouch && supportTouch) ? true : false;
var touchStart = supportTouch ? 'touchstart' : 'touchstart';
var touchMove = supportTouch ? 'touchmove' : 'touchmove';
var touchEnd = supportTouch ? 'touchend' : 'touchend';
// var touchStart = supportTouch ? 'touchstart' : 'mousedown';
// var touchMove = supportTouch ? 'touchmove' : 'mousemove';
// var touchEnd = supportTouch ? 'touchend' : 'mouseup';
//鍐呴儴浣跨敤鍙橀噺
var slideH = 0;
var slideW = 0;
var selfW = 0;
var selfH = 0;
var easing = opts.easing;
var inter = null; //autoPlay-setInterval
var titST = null; //titCell-setTimeout
var rtnST = null; //杩斿洖榛樿-setTimeout
var pnST = null; //鍓嶅悗鎸夐挳闀垮畨-setTimeout
var resizeST = null; //win鍝嶅簲寮?setTimeout
var titOn = opts.titOnClassName;
var onIndex = navObj.index(slider.find("." + titOn));
var oldIndex = index = onIndex == -1 ? index : onIndex;
var defaultIndex = index;
var scrollNum = 0;
var _ind = index;
var cloneNum = 0;
var _tar;
var isMarq = effect == "leftMarquee" || effect == "topMarquee" ? true : false;
var isLeftEffectForTouch = ("left leftLoop leftMarquee fade fold").indexOf(effect) == -1 ? false : true;
var isTopEffectForTouch = ("top topLoop topMarquee fade fold").indexOf(effect) == -1 ? false : true;
var isLeftEffect = ("left leftLoop leftMarquee").indexOf(effect) == -1 ? false : true;
var isTopEffect = ("top topLoop topMarquee").indexOf(effect) == -1 ? false : true;
var conBoxParWidth = conBox.parent().width();
var conBoxParHeight = conBox.parent().height();
var responsiveCallBack = function () {
if ($.isFunction(opts.responsiveFun)) {
opts.responsiveFun(index,
navObjSize,
slider,
$(opts.titCell, slider),
conBox,
tarObj,
prevBtn,
nextBtn);
}
};
var startCallBack = function () {
if ($.isFunction(opts.startFun)) {
opts.startFun(index, navObjSize, slider, $(opts.titCell, slider), conBox, tarObj, prevBtn, nextBtn);
}
};
var endCallBack = function () {
if ($.isFunction(opts.endFun)) {
opts.endFun(index, navObjSize, slider, $(opts.titCell, slider), conBox, tarObj, prevBtn, nextBtn);
}
};
var resetOn = function () {
navObj.removeClass(titOn);
if (defaultPlay) {
navObj.eq(defaultIndex).addClass(titOn);
}
};
//缁戝畾titCell浜嬩欢
var titCellEvent = function (o) {
if (opts.trigger == "mouseover") {
o.hover(function () {
var hoverInd = o.index(this);
titST = setTimeout(function () {
index = hoverInd;
doPlay();
resetInter();
},
opts.triggerTime);
},
function () { clearTimeout(titST) });
} else {
o.click(function () {
index = o.index(this);
doPlay();
resetInter();
});
}
};
//鍗曠嫭澶勭悊鑿滃崟鏁堟灉
if (opts.type == "menu") {
if (defaultPlay) {
navObj.removeClass(titOn).eq(index).addClass(titOn);
}
navObj.hover(
function () {
_tar = $(this).find(opts.targetCell);
var hoverInd = navObj.index($(this));
titST = setTimeout(function () {
index = hoverInd;
navObj.removeClass(titOn).eq(index).addClass(titOn);
startCallBack();
switch (effect) {
case "fade":
_tar.stop(true, true).animate({ opacity: "show" },
delayTime,
easing,
endCallBack);
break;
case "slideDown":
_tar.stop(true, true).animate({ height: "show" },
delayTime,
easing,
endCallBack);
break;
}
},
opts.triggerTime);
},
function () {
clearTimeout(titST);
switch (effect) {
case "fade":
_tar.animate({ opacity: "hide" }, delayTime, easing);
break;
case "slideDown":
_tar.animate({ height: "hide" }, delayTime, easing);
break;
}
}
);
if (returnDefault) {
slider.hover(function () { clearTimeout(rtnST); },
function () { rtnST = setTimeout(resetOn, delayTime); });
}
return;
}
//鍒囨崲鍔犺浇
var doSwitchLoad = function (objs) {
var changeImg = function (t) {
for (var i = t; i < (vis + t); i++) {
objs.eq(i).find("img[" + sLoad + "]").each(function () {
var _t = $(this);
_t.attr("src", _t.attr(sLoad));
if (conBox.find(".clone")[0]) { //濡傛灉瀛樺湪.clone
var chir = conBox.children();
for (var j = 0; j < chir.length; j++) {
chir.eq(j).find("img[" + sLoad + "]").each(function () {
if ($(this).attr(sLoad) == _t.attr("src")) {
$(this).attr("src", $(this).attr(sLoad));
}
});
}
}
});
}
};
switch (effect) {
case "fade":
case "fold":
case "top":
case "left":
case "slideDown":
changeImg(index * scroll);
break;
case "leftLoop":
case "topLoop":
changeImg(cloneNum + scrollNum(_ind));
break;
case "leftMarquee":
case "topMarquee":
var curS = effect == "leftMarquee"
? conBox.css("left").replace("px", "")
: conBox.css("top").replace("px", "");
var slideT = effect == "leftMarquee" ? slideW : slideH;
var mNum = cloneNum;
if (curS % slideT != 0) {
var curP = Math.abs(curS / slideT ^ 0);
if (index == 1) {
mNum = cloneNum + curP;
} else {
mNum = cloneNum + curP - 1;
}
}
changeImg(mNum);
break;
}
}; //doSwitchLoad end
//鍒濆鍖
var setInit = function () {
var tempIndex = index;
if (true) {
}
selfW = 0;
selfH = 0;
conBox.children().each(function () { //鍙栨渶澶у€
if ($(this).width() > selfW) {
selfW = $(this).width();
slideW = $(this).outerWidth(true);
}
if ($(this).height() > selfH) {
selfH = $(this).height();
slideH = $(this).outerHeight(true);
}
});
if (opts.vis == "auto") {
if (isTopEffect) {
vis = parseInt(conBoxParHeight / slideH);
} else {
vis = parseInt(conBoxParWidth / slideW);
}
vis = vis == 0 ? 1 : vis;
}
if (opts.scroll == "auto") {
scroll = vis;
}
cloneNum = conBoxSize >= vis ? (conBoxSize % scroll != 0 ? conBoxSize % scroll : scroll) : 0;
//澶勭悊鍒嗛〉
if (navObjSize == 0) {
navObjSize = conBoxSize;
}
//鍙湁宸﹀彸鎸夐挳
if (isMarq) {
navObjSize = 2;
tempIndex = 0;
}
if (autoPage) {
if (conBoxSize >= vis) {
if (effect == "leftLoop" || effect == "topLoop") {
navObjSize = conBoxSize % scroll != 0 ? (conBoxSize / scroll ^ 0) + 1 : conBoxSize / scroll;
}
//else if (isMarq){ navObjSize=2 }
else {
var tempS = conBoxSize - vis;
navObjSize = 1 + parseInt(tempS % scroll != 0 ? (tempS / scroll + 1) : (tempS / scroll));
if (navObjSize <= 0) {
navObjSize = 1;
}
}
} else {
navObjSize = 1;
}
$(opts.titCell, slider).empty();
var str = "";
if (opts.autoPage == true || opts.autoPage == "true") {
for (var i = 0; i < navObjSize; i++) {
str += "" + (i + 1) + "";
}
} else {
for (var i = 0; i < navObjSize; i++) {
str += opts.autoPage.replace("$", (i + 1));
}
}
$(opts.titCell, slider).html(str);
navObj = $(opts.titCell, slider).children(); //閲嶇疆瀵艰埅瀛愬厓绱犲璞
navObj.eq(index).addClass(titOn);
titCellEvent(navObj);
}
if (conBoxSize >= vis) { //褰撳唴瀹逛釜鏁板皯浜庡彲瑙嗕釜鏁帮紝涓嶆墽琛屾晥鏋溿€
//console.log(vis+"|"+cloneNum);
var cloneEle = function () {
var _chr = conBox.children();
for (var i = 0; i < vis; i++) {
_chr.eq(i).clone().addClass("clone").appendTo(conBox);
}
for (var i = 0; i < cloneNum; i++) {
_chr.eq(conBoxSize - i - 1).clone().addClass("clone").prependTo(conBox);
}
};
switch (effect) {
case "fold":
conBox.css({ "overflow": "hidden" }).children().css({
"width": "100%",
"float": "left",
"marginRight": "-100%",
"display": "none"
});
break;
case "top":
conBox.wrap('')
.css({
"top": -(tempIndex * scroll) * slideH,
"position": "relative",
"padding": "0",
"margin": "0"
}).children().css({ "height": selfH });
break;
case "left":
var visScope = isNaN(opts.vis) ? opts.vis : vis * slideW + 'px';
conBox.wrap('');
conBox.css({
"width": conBoxSize * slideW,
"left": -(tempIndex * scroll) * slideW,
"position": "relative",
"overflow": "hidden",
"padding": "0",
"margin": "0"
}).children().css({ "float": "left", "width": selfW });
break;
case "leftLoop":
case "leftMarquee":
cloneEle();
var visScope = isNaN(opts.vis) ? "100%" : vis * slideW + 'px';
conBox.wrap('');
conBox.css({
"width": (conBoxSize + vis + 1 + cloneNum) * slideW,
"position": "relative",
"overflow": "hidden",
"padding": "0",
"margin": "0",
"left": -(cloneNum + tempIndex * scroll) * slideW
}).children().css({ "float": "left", "width": selfW });
break;
case "topLoop":
case "topMarquee":
cloneEle();
conBox
.wrap('')
.css({
"height": (conBoxSize + vis + cloneNum) * slideH,
"position": "relative",
"padding": "0",
"margin": "0",
"top": -(cloneNum + tempIndex * scroll) * slideH
}).children().css({ "height": selfH });
break;
}
}
//閽堝leftLoop銆乼opLoop鐨勬粴鍔ㄤ釜鏁
scrollNum = function (ind) {
var _tempCs = ind * scroll;
if (ind == navObjSize) {
_tempCs = conBoxSize;
} else if (ind == -1 && conBoxSize % scroll != 0) {
_tempCs = -conBoxSize % scroll;
}
return _tempCs;
};
//pageState.html( ""+(index+1)+"/"+navObjSize);
}; //setInit End
setInit();
responsiveCallBack();
//鏁堟灉鍑芥暟
var doPlay = function (_setInit) {
// 褰撳墠椤电姸鎬佷笉瑙﹀彂鏁堟灉
if (defaultPlay && oldIndex == index && !_setInit && !isMarq) {
return;
}
//澶勭悊椤电爜
if (isMarq) {
if (index >= 1) {
index = 1;
} else if (index <= 0) {
index = 0;
}
} else {
_ind = index;
if (index >= navObjSize) {
index = 0;
} else if (index < 0) {
index = navObjSize - 1;
}
}
//澶勭悊鍒囨崲鍔犺浇
if (sLoad != null) {
doSwitchLoad(conBox.children());
}
startCallBack();
//澶勭悊targetCell
if (tarObj[0]) {
_tar = tarObj.eq(index);
if (sLoad != null) {
doSwitchLoad(tarObj);
}
if (effect == "slideDown") {
tarObj.not(_tar).stop(true, true).slideUp(delayTime);
_tar.slideDown(delayTime,
easing,
function () {
if (!conBox[0]) {
endCallBack();
}
});
} else {
tarObj.not(_tar).stop(true, true).hide();
_tar.animate({ opacity: "show" },
delayTime,
function () {
if (!conBox[0]) {
endCallBack();
}
});
}
}
if (conBoxSize >= vis) { //褰撳唴瀹逛釜鏁板皯浜庡彲瑙嗕釜鏁帮紝涓嶆墽琛屾晥鏋溿€
switch (effect) {
case "fade":
conBox.children().stop(true, true).eq(index).animate({ opacity: "show" },
delayTime,
easing,
function () { endCallBack() }).siblings().hide();
break;
case "fold":
conBox.children().stop(true, true).eq(index)
.animate({ opacity: "show" }, delayTime, easing, function () { endCallBack() })
.siblings().animate({ opacity: "hide" }, delayTime, easing);
break;
case "top":
conBox.stop(true, false).animate({ "top": -index * scroll * slideH },
delayTime,
easing,
function () { endCallBack() });
break;
case "left":
conBox.stop(true, false).animate({ "left": -index * scroll * slideW },
delayTime,
easing,
function () { endCallBack() });
break;
case "leftLoop":
var __ind = _ind;
conBox.stop(true, true).animate({ "left": -(scrollNum(_ind) + cloneNum) * slideW },
delayTime,
easing,
function () {
if (__ind <= -1) {
conBox.css("left", -(cloneNum + (navObjSize - 1) * scroll) * slideW);
} else if (__ind >= navObjSize) {
conBox.css("left", -cloneNum * slideW);
}
endCallBack();
});
break; //leftLoop end
case "topLoop":
var __ind = _ind;
conBox.stop(true, true).animate({ "top": -(scrollNum(_ind) + cloneNum) * slideH },
delayTime,
easing,
function () {
if (__ind <= -1) {
conBox.css("top", -(cloneNum + (navObjSize - 1) * scroll) * slideH);
} else if (__ind >= navObjSize) {
conBox.css("top", -cloneNum * slideH);
}
endCallBack();
});
break; //topLoop end
case "leftMarquee":
var tempLeft = conBox.css("left").replace("px", "");
if (index == 0) {
conBox.animate({ "left": ++tempLeft },
0,
function () {
if (conBox.css("left").replace("px", "") >= 0) {
conBox.css("left", -conBoxSize * slideW);
}
});
} else {
conBox.animate({ "left": --tempLeft },
0,
function () {
if (conBox.css("left").replace("px", "") <= -(conBoxSize + cloneNum) * slideW) {
conBox.css("left", -cloneNum * slideW);
}
});
}
break; // leftMarquee end
case "topMarquee":
var tempTop = conBox.css("top").replace("px", "");
if (index == 0) {
conBox.animate({ "top": ++tempTop },
0,
function () {
if (conBox.css("top").replace("px", "") >= 0) {
conBox.css("top", -conBoxSize * slideH);
}
});
} else {
conBox.animate({ "top": --tempTop },
0,
function () {
if (conBox.css("top").replace("px", "") <= -(conBoxSize + cloneNum) * slideH) {
conBox.css("top", -cloneNum * slideH);
}
});
}
break; // topMarquee end
} //switch end
}
navObj.removeClass(titOn).eq(index).addClass(titOn);
oldIndex = index;
if (!pnLoop) { //pnLoop鎺у埗鍓嶅悗鎸夐挳鏄惁缁х画寰幆
nextBtn.removeClass("nextStop");
prevBtn.removeClass("prevStop");
if (index == 0) {
prevBtn.addClass("prevStop");
}
if (index == navObjSize - 1) {
nextBtn.addClass("nextStop");
}
}
pageState.html("" + (index + 1) + "/" + navObjSize);
// 鑷姩閫傞厤楂樺害
if (opts.autoHeight && (effect == "left" || effect == "leftLoop") && vis == 1 && scroll == 1) {
var curItem = conBox.children().not(conBox.find(".clone")).eq(index);
var pic = curItem.find("img");
var picCount = pic.length;
if (picCount <= 0) {
conBox.height(curItem.outerHeight());
return;
}
pic.each(function () { //瀛樺湪鍥剧墖鏃剁洃娴嬪浘鐗囬珮搴
var img = $(this);
var imgInt = setInterval(function () {
if (img.height() > 0) {
clearInterval(imgInt);
picCount--;
if (picCount <= 0) {
conBox.height(curItem.outerHeight());
}
}
},
50);
});
}
}; // doPlay end
//鍒濆鍖栨墽琛
if (defaultPlay) {
doPlay(true);
}
//杩斿洖榛樿鐘舵€
if (returnDefault) {
slider.hover(function () { clearTimeout(rtnST) },
function () {
rtnST = setTimeout(function () {
index = defaultIndex;
if (defaultPlay) {
doPlay();
} else {
if (effect == "slideDown") {
_tar.slideUp(delayTime, resetOn);
} else {
_tar.animate({ opacity: "hide" }, delayTime, resetOn);
}
}
oldIndex = index;
},
300);
});
}
///鑷姩鎾斁鍑芥暟
var setInter = function (time) {
inter = setInterval(function () {
opp ? index-- : index++;
doPlay();
},
!!time ? time : interTime);
};
var setMarInter = function (time) { inter = setInterval(doPlay, !!time ? time : interTime); };
// 澶勭悊mouseOverStop
var resetInter = function () {
if (!mouseOverStop && autoPlay && !playState.hasClass("pauseState")) {
clearInterval(inter);
setInter();
}
}; /* 淇 mouseOverStop 鍜 autoPlay鍧囦负false涓嬶紝鐐瑰嚮鍒囨崲鎸夐挳鍚庝細鑷姩鎾斁bug */
// 鍓嶅悗鎸夐挳鍑芥暟
var nextFun = function () {
if (pnLoop || index != navObjSize - 1) {
index++;
doPlay();
if (!isMarq) {
resetInter();
}
}
};
var prevFun = function () {
if (pnLoop || index != 0) {
index--;
doPlay();
if (!isMarq) {
resetInter();
}
}
};
//澶勭悊playState
var playStateFun = function () {
autoPlay = true;
clearInterval(inter);
playState.removeClass("pauseState");
isMarq ? setMarInter() : setInter();
};
var pauseStateFun = function () {
autoPlay = false;
clearInterval(inter);
playState.addClass("pauseState");
};
//鍒濆鍖栬嚜鍔ㄦ挱鏀
var setAutoPlay = function () {
if (autoPlay) {
if (isMarq) {
opp ? index-- : index++;
setMarInter();
if (mouseOverStop) {
conBox.hover(pauseStateFun, playStateFun);
}
} else {
setInter();
if (mouseOverStop) {
slider.hover(pauseStateFun, playStateFun);
}
}
} else {
if (isMarq) {
opp ? index-- : index++;
}
playState.addClass("pauseState");
}
};
setAutoPlay();
//缁戝畾浜嬩欢
var setTrigger = function () {
playState.click(function () { playState.hasClass("pauseState") ? playStateFun() : pauseStateFun() });
titCellEvent(navObj);
//鍓嶅悗鎸夐挳浜嬩欢
if (isMarq) {
nextBtn.mousedown(nextFun);
prevBtn.mousedown(prevFun);
//鍓嶅悗鎸夐挳闀挎寜10鍊嶅姞閫
if (pnLoop) {
var marDown = function () {
pnST = setTimeout(function () {
clearInterval(inter);
setMarInter(interTime / 10 ^ 0);
},
150);
};
var marUp = function () {
clearTimeout(pnST);
clearInterval(inter);
setMarInter();
};
nextBtn.mousedown(marDown);
nextBtn.mouseup(marUp);
prevBtn.mousedown(marDown);
prevBtn.mouseup(marUp);
}
//鍓嶅悗鎸夐挳mouseover浜嬩欢
if (opts.trigger == "mouseover") {
nextBtn.hover(nextFun, function () {});
prevBtn.hover(prevFun, function () {});
}
} else {
nextBtn.click(nextFun);
prevBtn.click(prevFun);
}
//瑙︽懜浜嬩欢
if (canTouch) {
conBox.on(touchStart,
function (e) {
conBox.stop(1, 1);
clearInterval(inter);
conBox.find("a").click(function (e) { e.preventDefault() });
e = supportTouch ? e.originalEvent.targetTouches[0] : (e || window.event);
var distX,
distY,
oX,
oY,
oL,
oT;
var _this = $(this);
oL = this.offsetLeft;
oT = this.offsetTop;
oX = e.pageX;
oY = e.pageY;
var scrollY = false;
$(this).on(touchMove,
function (ev) {
e = supportTouch ? ev.originalEvent.targetTouches[0] : (ev || window.event);
distX = e.pageX - oX;
distY = e.pageY - oY;
scrollY = Math.abs(distX) < Math.abs(distY) ? true : false;
if (!scrollY && isLeftEffectForTouch) {
ev.preventDefault();
if (effect == "left" &&
((index == 0 && distX > 0) || (index >= navObjSize - 1 && distX < 0))) {
distX = distX * 0.4;
}
_this.css({ "left": oL + distX + "px" });
} else if (scrollY && isTopEffectForTouch) {
ev.preventDefault();
if (effect == "top" &&
((index == 0 && distY > 0) || (index >= navObjSize - 1 && distY < 0))) {
distY = distY * 0.4;
}
_this.css({ "top": oT + distY + "px" });
}
});
$(this).on(touchEnd,
function (e) {
if (!distX) {
conBox.find("a").off("click");
} else if (!scrollY && isLeftEffectForTouch) {
if (Math.abs(distX) > slideW / 10) {
distX > 0 ? index-- : index++;
if (effect == "left") {
index = index < 0 ? 0 : index;
index = index >= navObjSize ? navObjSize - 1 : index;
}
}
doPlay(true);
} else if (scrollY && isTopEffectForTouch) {
if (Math.abs(distY) > slideH / 10) {
distY > 0 ? index-- : index++;
if (effect == "top") {
index = index < 0 ? 0 : index;
index = index >= navObjSize ? navObjSize - 1 : index;
}
}
doPlay(true);
}
clearInterval(inter);
playState.removeClass("pauseState");
if (autoPlay) {
isMarq ? setMarInter() : setInter();
}
conBox.off(touchMove);
conBox.off(touchEnd);
});
});
}
};
setTrigger();
// 涓烘娴嬭澶囧昂瀵稿彉鍖栵紝娓呴櫎涓€浜涢檮鍔犳牱鑹插拰鍏冪礌
var clear = function () {
conBox.stop(true, true);
if (conBox.parent().hasClass("tempWrap")) {
conBox.unwrap("tempWrap");
};
conBox.find(".clone").remove();
if (isLeftEffect) {
conBox.children().css({ "width": "", "float": "" });
conBox.css({ "width": "", "left": 0 });
} else if (isTopEffect) {
conBox.children().css({ "height": "" });
conBox.css({ "height": "", "top": 0 });
}
};
//妫€娴嬭澶囧昂瀵稿彉鍖
var setResponsive = function () {
if (opts.responsive) {
var _vis;
var _conBoxParWidth;
var _conBoxParHeight;
var orientationChange = function () {
responsiveCallBack();
_conBoxParWidth = conBox.parent().width();
_conBoxParHeight = conBox.parent().height();
if (isLeftEffect && _conBoxParWidth != conBoxParWidth) { //澶栧眰瀹藉害鏈夊彉鍖栨墠鎵ц
conBoxParWidth = _conBoxParWidth;
//澶勭悊sLoad
/*
_vis = parseInt( conBox.parent().width() / slideW );
vis = _vis;
if( opts.scroll=="auto" ){ scroll = vis }*/
clear();
setInit();
doPlay(true);
} else if (isTopEffect && _conBoxParHeight != conBoxParHeight) { //澶栧眰楂樺害鏈夊彉鍖栨墠鎵ц
conBoxParHeight = _conBoxParHeight;
clear();
setInit();
doPlay(true);
}
};
$(win).resize(function () {
if (resizeST) {
clearTimeout(resizeST);
}
resizeST = setTimeout(orientationChange, opts.responsiveFunTime);
});
}
};
setResponsive();
/*-- 澶栫疆API --*/
//娓呴櫎鎵€鏈夐檮鍔犲厓绱犲拰鏍疯壊
this.clearStyle = function () {
if (conBox.parent().hasClass("tempWrap")) {
conBox.unwrap("tempWrap");
};
conBox.find(".clone").remove();
conBox.children().removeAttr("style");
conBox.removeAttr("style");
};
//閿€姣乻etInterval鍜宻etTimeout
this.destroyInter = function () {
clearInterval(inter);
clearTimeout(rtnST);
clearTimeout(titST);
clearTimeout(pnST);
//clearTimeout(resizeST);
};
//閿€姣佷簨浠剁粦瀹
this.destroyEvents = function () {
nextBtn.off();
prevBtn.off();
conBox.off();
slider.off();
navObj.off();
//$(win).off();
};
//閿€姣佹彃浠
this.destroy = function () {
this.destroyEvents();
this.destroyInter();
this.clearStyle();
};
//鍒锋柊
this.refresh = function () {
this.destroy();
setInit();
setTrigger();
doPlay(true);
setAutoPlay();
};
//閲嶇疆锛堝緟瀹屽杽锛
this.reset = function () {
index = parseInt(opts.defaultIndex);
scroll = isNaN(opts.scroll) ? "auto" : parseInt(opts.scroll);
vis = isNaN(opts.vis) ? "auto" : parseInt(opts.vis);
autoPlay = (opts.autoPlay == "false" || opts.autoPlay == false) ? false : true;
navObjSize = navObj.length;
conBoxSize = conBox.children().length;
this.refresh();
};
//鑾峰彇褰撳墠绱㈠紩/椤电爜
this.getIndex = function () { return index };
//鑾峰彇鎬婚〉鏁
this.getPages = function () { return navObjSize };
//鏆傚仠
this.pause = function () { pauseStateFun() };
this.play = function () { playStateFun() };
this.prev = function () { prevFun() };
this.next = function () { nextFun() };
this.goTo = function (i) {
resetInter();
if (pnLoop || i != navObjSize) {
index = i;
doPlay();
}
};
}; //createObj End
this.each(function () {
var o = new createObj($.extend({}, $.fn.slide.defaults, options), $(this));
ary.push(o);
}); //each End
return ary;
}; //slide End
})(jQuery, window);
jQuery.easing['jswing'] = jQuery.easing['swing'];
jQuery.extend(jQuery.easing,
{
def: 'easeOutQuad',
swing: function (x, t, b, c, d) { return jQuery.easing[jQuery.easing.def](x, t, b, c, d); },
easeInQuad: function (x, t, b, c, d) { return c * (t /= d) * t + b; },
easeOutQuad: function (x, t, b, c, d) { return -c * (t /= d) * (t - 2) + b },
easeInOutQuad: function (x, t, b, c, d) {
if ((t /= d / 2) < 1) {
return c / 2 * t * t + b;
}
return -c / 2 * ((--t) * (t - 2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) { return c * (t /= d) * t * t + b },
easeOutCubic: function (x, t, b, c, d) { return c * ((t = t / d - 1) * t * t + 1) + b },
easeInOutCubic: function (x, t, b, c, d) {
if ((t /= d / 2) < 1) {
return c / 2 * t * t * t + b;
}
return c / 2 * ((t -= 2) * t * t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) { return c * (t /= d) * t * t * t + b },
easeOutQuart: function (x, t, b, c, d) { return -c * ((t = t / d - 1) * t * t * t - 1) + b },
easeInOutQuart: function (x, t, b, c, d) {
if ((t /= d / 2) < 1) {
return c / 2 * t * t * t * t + b;
}
return -c / 2 * ((t -= 2) * t * t * t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) { return c * (t /= d) * t * t * t * t + b },
easeOutQuint: function (x, t, b, c, d) { return c * ((t = t / d - 1) * t * t * t * t + 1) + b },
easeInOutQuint: function (x, t, b, c, d) {
if ((t /= d / 2) < 1) {
return c / 2 * t * t * t * t * t + b;
}
return c / 2 * ((t -= 2) * t * t * t * t + 2) + b;
},
easeInSine: function (x, t, b, c, d) { return -c * Math.cos(t / d * (Math.PI / 2)) + c + b },
easeOutSine: function (x, t, b, c, d) { return c * Math.sin(t / d * (Math.PI / 2)) + b },
easeInOutSine: function (x, t, b, c, d) { return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b },
easeInExpo: function (x, t, b, c, d) { return (t == 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b },
easeOutExpo: function (x, t, b, c, d) { return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b },
easeInOutExpo: function (x, t, b, c, d) {
if (t == 0) {
return b;
}
if (t == d) {
return b + c;
}
if ((t /= d / 2) < 1) {
return c / 2 * Math.pow(2, 10 * (t - 1)) + b;
}
return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) { return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b },
easeOutCirc: function (x, t, b, c, d) { return c * Math.sqrt(1 - (t = t / d - 1) * t) + b },
easeInOutCirc: function (x, t, b, c, d) {
if ((t /= d / 2) < 1) {
return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b;
}
return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
var s = 1.70158;
var p = 0;
var a = c;
if (t == 0) {
return b;
}
if ((t /= d) == 1) {
return b + c;
}
if (!p) {
p = d * .3;
}
if (a < Math.abs(c)) {
a = c;
var s = p / 4;
} else {
var s = p / (2 * Math.PI) * Math.asin(c / a);
}
return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
},
easeOutElastic: function (x, t, b, c, d) {
var s = 1.70158;
var p = 0;
var a = c;
if (t == 0) {
return b;
}
if ((t /= d) == 1) {
return b + c;
}
if (!p) {
p = d * .3;
}
if (a < Math.abs(c)) {
a = c;
var s = p / 4;
} else {
var s = p / (2 * Math.PI) * Math.asin(c / a);
}
return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b;
},
easeInOutElastic: function (x, t, b, c, d) {
var s = 1.70158;
var p = 0;
var a = c;
if (t == 0) {
return b;
}
if ((t /= d / 2) == 2) {
return b + c;
}
if (!p) {
p = d * (.3 * 1.5);
}
if (a < Math.abs(c)) {
a = c;
var s = p / 4;
} else {
var s = p / (2 * Math.PI) * Math.asin(c / a);
}
if (t < 1) {
return -.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
}
return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b;
},
easeInBack: function (x, t, b, c, d, s) {
if (s == undefined) {
s = 1.70158;
}
return c * (t /= d) * t * ((s + 1) * t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
if (s == undefined) {
s = 1.70158;
}
return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
if (s == undefined) {
s = 1.70158;
}
if ((t /= d / 2) < 1) {
return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b;
}
return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) { return c - jQuery.easing.easeOutBounce(x, d - t, 0, c, d) + b },
easeOutBounce: function (x, t, b, c, d) {
if ((t /= d) < (1 / 2.75)) {
return c * (7.5625 * t * t) + b;
} else if (t < (2 / 2.75)) {
return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b;
} else if (t < (2.5 / 2.75)) {
return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b;
} else {
return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b;
}
},
easeInOutBounce: function (x, t, b, c, d) {
if (t < d / 2) {
return jQuery.easing.easeInBounce(x, t * 2, 0, c, d) * .5 + b;
}
return jQuery.easing.easeOutBounce(x, t * 2 - d, 0, c, d) * .5 + c * .5 + b;
}
});