https://0599.fun/themes/default/js/TouchSlide.1.1.js

1/*!* javascript触屏滑动特效插件，移动端滑动特效，触屏焦点图，触屏Tab切换，触屏多图切换等 */
2var TouchSlide = function(a) {
3	a = a || {};
4	var b = {
5		slideCell: a.slideCell || "#touchSlide",
6		titCell: a.titCell || ".hd li",
7		mainCell: a.mainCell || ".bd",
8		effect: a.effect || "left",
9		autoPlay: a.autoPlay || !1,
10		delayTime: a.delayTime || 200,
11		interTime: a.interTime || 2500,
12		defaultIndex: a.defaultIndex || 0,
13		titOnClassName: a.titOnClassName || "on",
14		autoPage: a.autoPage || !1,
15		prevCell: a.prevCell || ".prev",
16		nextCell: a.nextCell || ".next",
17		pageStateCell: a.pageStateCell || ".pageState",
18		pnLoop: "undefined " == a.pnLoop ? !0 : a.pnLoop,
19		startFun: a.startFun || null,
20		endFun: a.endFun || null,
21		switchLoad: a.switchLoad || null
22	},
23	c = document.getElementById(b.slideCell.replace("#", ""));
24	if (!c) return ! 1;
25	var d = function(a, b) {
26		a = a.split(" ");
27		var c = [];
28		b = b || document;
29		var d = [b];
30		for (var e in a) 0 != a[e].length && c.push(a[e]);
31		for (var e in c) {
32			if (0 == d.length) return ! 1;
33			var f = [];
34			for (var g in d) if ("#" == c[e][0]) f.push(document.getElementById(c[e].replace("#", "")));
35			else if ("." == c[e][0]) for (var h = d[g].getElementsByTagName("*"), i = 0; i < h.length; i++) {
36				var j = h[i].className;
37				j && -1 != j.search(new RegExp("\\b" + c[e].replace(".", "") + "\\b")) && f.push(h[i])
38			} else for (var h = d[g].getElementsByTagName(c[e]), i = 0; i < h.length; i++) f.push(h[i]);
39			d = f
40		}
41		return 0 == d.length || d[0] == b ? !1 : d
42	},
43	e = function(a, b) {
44		var c = document.createElement("div");
45		c.innerHTML = b,
46		c = c.children[0];
47		var d = a.cloneNode(!0);
48		return c.appendChild(d),
49		a.parentNode.replaceChild(c, a),
50		m = d,
51		c
52	},
53	g = function(a, b) { ! a || !b || a.className && -1 != a.className.search(new RegExp("\\b" + b + "\\b")) || (a.className += (a.className ? " ": "") + b)
54	},
55	h = function(a, b) { ! a || !b || a.className && -1 == a.className.search(new RegExp("\\b" + b + "\\b")) || (a.className = a.className.replace(new RegExp("\\s*\\b" + b + "\\b", "g"), ""))
56	},
57	i = b.effect,
58	j = d(b.prevCell, c)[0],
59	k = d(b.nextCell, c)[0],
60	l = d(b.pageStateCell)[0],
61	m = d(b.mainCell, c)[0];
62	if (!m) return ! 1;
63	var N, O, n = m.children.length,
64	o = d(b.titCell, c),
65	p = o ? o.length: n,
66	q = b.switchLoad,
67	r = parseInt(b.defaultIndex),
68	s = parseInt(b.delayTime),
69	t = parseInt(b.interTime),
70	u = "false" == b.autoPlay || 0 == b.autoPlay ? !1 : !0,
71	v = "false" == b.autoPage || 0 == b.autoPage ? !1 : !0,
72	w = "false" == b.pnLoop || 0 == b.pnLoop ? !1 : !0,
73	x = r,
74	y = null,
75	z = null,
76	A = null,
77	B = 0,
78	C = 0,
79	D = 0,
80	E = 0,
81	G = /hp-tablet/gi.test(navigator.appVersion),
82	H = "ontouchstart" in window && !G,
83	I = H ? "touchstart": "mousedown",
84	J = H ? "touchmove": "",
85	K = H ? "touchend": "mouseup",
86	M = m.parentNode.clientWidth,
87	P = n;
88	if (0 == p && (p = n), v) {
89		p = n,
90		o = o[0],
91		o.innerHTML = "";
92		var Q = "";
93		if (1 == b.autoPage || "true" == b.autoPage) for (var R = 0; p > R; R++) Q += "<li>" + (R + 1) + "</li>";
94		else for (var R = 0; p > R; R++) Q += b.autoPage.replace("$", R + 1);
95		o.innerHTML = Q,
96		o = o.children
97	}
98	"leftLoop" == i && (P += 2, m.appendChild(m.children[0].cloneNode(!0)), m.insertBefore(m.children[n - 1].cloneNode(!0), m.children[0])),
99	N = e(m, '<div class="tempWrap" style="overflow:hidden; position:relative; height:100%;"></div>'),
100	m.style.cssText = "width:" + P * M + "px;" + "position:relative;padding:0;margin:0; height:100%";
101	for (var R = 0; P > R; R++) m.children[R].style.cssText = "display:table-cell;vertical-align:top;width:" + M + "px";
102	var S = function() {
103		"function" == typeof b.startFun && b.startFun(r, p)
104	},
105	T = function() {
106		"function" == typeof b.endFun && b.endFun(r, p)
107	},
108	U = function(a) {
109		var b = ("leftLoop" == i ? r + 1 : r) + a,
110		c = function(a) {
111			for (var b = m.children[a].getElementsByTagName("img"), c = 0; c < b.length; c++) b[c].getAttribute(q) && (b[c].setAttribute("src", b[c].getAttribute(q)), b[c].removeAttribute(q))
112		};
113		if (c(b), "leftLoop" == i) switch (b) {
114		case 0:
115			c(n);
116			break;
117		case 1:
118			c(n + 1);
119			break;
120		case n:
121			c(0);
122			break;
123		case n + 1 : c(1)
124		}
125	},
126	V = function() {
127		M = N.clientWidth,
128		m.style.width = P * M + "px";
129		for (var a = 0; P > a; a++) m.children[a].style.width = M + "px";
130		var b = "leftLoop" == i ? r + 1 : r;
131		W( - b * M, 0)
132	};
133	window.addEventListener("resize", V, !1);
134	var W = function(a, b, c) {

135		c = c ? c.style: m.style,
136		c.webkitTransitionDuration = c.MozTransitionDuration = c.msTransitionDuration = c.OTransitionDuration = c.transitionDuration = b + "ms",
137		c.webkitTransform = "translate(" + a + "px,0)" + "translateZ(0)",
138		c.msTransform = c.MozTransform = c.OTransform = "translateX(" + a + "px)"
139	},
140	X = function(a) {
141		switch (i) {
142		case "left":
143			r >= p ? r = a ? r - 1 : 0 : 0 > r && (r = a ? 0 : p - 1),
144			null != q && U(0),
145			W( - r * M, s),
146			x = r;
147			break;
148		case "leftLoop":
149			null != q && U(0),
150			W( - (r + 1) * M, s),
151			-1 == r ? (z = setTimeout(function() {
152				W( - p * M, 0)
153			},
154			s), r = p - 1) : r == p && (z = setTimeout(function() {
155				W( - M, 0)
156			},
157			s), r = 0),
158			x = r
159		}
160		S(),
161		A = setTimeout(function() {
162			T()
163		},
164		s);
165		for (var c = 0; p > c; c++) h(o[c], b.titOnClassName),
166		c == r && g(o[c], b.titOnClassName);
167		0 == w && (h(k, "nextStop"), h(j, "prevStop"), 0 == r ? g(j, "prevStop") : r == p - 1 && g(k, "nextStop")),
168		l && (l.innerHTML = "<span>" + (r + 1) + "</span>/" + p)
169	};
170	if (X(), u && (y = setInterval(function() {
171		r++,
172		X()
173	},
174	t)), o) for (var R = 0; p > R; R++) !
175	function() {
176		var a = R;
177		o[a].addEventListener("click",
178		function() {
179			clearTimeout(z),
180			clearTimeout(A),
181			r = a,
182			X()
183		})
184	} ();
185	k && k.addEventListener("click",
186	function() { (1 == w || r != p - 1) && (clearTimeout(z), clearTimeout(A), r++, X())
187	}),
188	j && j.addEventListener("click",
189	function() { (1 == w || 0 != r) && (clearTimeout(z), clearTimeout(A), r--, X())
190	});
191	var Y = function(a) {
192		clearTimeout(z),
193		clearTimeout(A),
194		O = void 0,
195		D = 0;
196		var b = H ? a.touches[0] : a;
197		B = b.pageX,
198		C = b.pageY,
199		m.addEventListener(J, Z, !1),
200		m.addEventListener(K, $, !1)
201	},
202	Z = function(a) {
203		if (!H || !(a.touches.length > 1 || a.scale && 1 !== a.scale)) {
204			var b = H ? a.touches[0] : a;
205			if (D = b.pageX - B, E = b.pageY - C, "undefined" == typeof O && (O = !!(O || Math.abs(D) < Math.abs(E))), !O) {
206				switch (a.preventDefault(), u && clearInterval(y), i) {
207				case "left":
208					(0 == r && D > 0 || r >= p - 1 && 0 > D) && (D = .4 * D),
209					W( - r * M + D, 0);
210					break;
211				case "leftLoop":
212					W( - (r + 1) * M + D, 0)
213				}
214				null != q && Math.abs(D) > M / 3 && U(D > -0 ? -1 : 1)
215			}
216		}
217	},
218	$ = function(a) {
219		0 != D && (a.preventDefault(), O || (Math.abs(D) > M / 10 && (D > 0 ? r--:r++), X(!0), u && (y = setInterval(function() {
220			r++,
221			X()
222		},
223		t))), m.removeEventListener(J, Z, !1), m.removeEventListener(K, $, !1))
224	};
225	m.addEventListener(I, Y, !1)
226};