http://0hh.cn/templets/xky/wz/js/image_gallery_mobile.js

1jQuery.fn.gallery = function(t) {
2    function n() {
3        c = C()
4    }
5    function i() {
6        o ? (clearTimeout(o), o = setTimeout(n, 1e3)) : o = setTimeout(n, 1e3)
7    }
8    function e() {
9        c && clearInterval(c),
10        s.img.unbind("mouseover"),
11        r = !1
12    }
13    var c, o, a = {},
14    u = ($.extend(a, t), !0),
15    r = !1,
16    l = {
17        current: {
18            zIndex: 100,
19            bottom: "0px",
20            left: "130px",
21            height: "223px",
22            width: "254px"            
23        },
24        left: {
25            zIndex: 50,
26            bottom: "15px",
27            left: "50px",
28            width: "220px",
29            height: "193px"           
30        },
31        left1: {
32            zIndex: 25,
33            bottom: "31px",
34            left: "0px",
35            width: "182px",
36            height: "160px"            
37        },
38        right: {
39            zIndex: 50,
40            bottom: "15px",
41            left: "244px",
42            width: "220px",
43            height: "193px"             
44        },
45        right1: {
46            zIndex: 25,
47            bottom: "31px",
48            left: "332px",
49            width: "182px",
50            height: "160px"              
51        },
52        none: {
53            zIndex: 1,
54            bottom: "0px",
55            left: "130px",
56            height: "223px",
57            width: "254px"              
58        }
59    },
60    f = {
61        width: "90%",
62        height: "90%"
63    },
64    m = {
65        width: "90%",
66        height: "90%"
67    },
68    d = {
69        width: "90%",
70        height: "90%"
71    },
72    f_li = {
73        width: "254px",
74        height: "223px"
75    },
76    m_li = {
77        width: "220px",
78        height: "193px"
79    },
80    d_li = {
81        width: "182px",
82        height: "160px"
83    },            
84    s = {
85        li: $(t.current[0]),
86        img: $(t.current[1])
87    },
88    b = {
89        li: $(t.left[0]),
90        img: $(t.left[1])
91    },
92    g = {
93        li: $(t.left1[0]),
94        img: $(t.left1[1])
95    },
96    v = {
97        li: $(t.right[0]),
98        img: $(t.right[1])
99    },
100    x = {
101        li: $(t.right1[0]),
102        img: $(t.right1[1])
103    },
104    p = {
105        li: $(t.none[0]),
106        img: $(t.none[1])
107    },
108    h = function(n, i, e) {
109        setTimeout(function() {
110            i.zIndex && n.css("z-index", i.zIndex + 1)
111        },
112        t.duration / 4 * 2),
113        setTimeout(function() {
114            n.animate(i, t.duration || 1e3, e)
115        },
116        t.actionTime || 1)
117    },
118    T = function(t) {
119        $active = $(".btn  a.active").next(),
120        0 === $active.length && ($active = $(".btn  a:first")),
121        $(".btn a").removeClass("active"),
122        $active.addClass("active"),
123        u && (u = !1, h(g.li, l.none), h(b.li, l.left1), h(s.li, l.left), h(v.li, l.current), h(x.li, l.right), h(p.li, l.right1), h(s.li, m,
124        function() {}),h(s.img, m,
125        function() {}), h(b.img, d,
126        function() {}), h(x.img, m,
127        function() {}), h(p.img, d,
128        function() {}), h(v.img, f,
129        function() {
130            $temp = p,
131            p = g,
132            g = b,
133            b = s,
134            s = v,
135            v = x,
136            x = $temp,
137            t(),
138            u = !0
139        }))
140    },
141    k = function(t) {
142        $active1 = $(".btn  a.active").prev(),
143        0 === $active1.length && ($active1 = $(".btn  a:last")),
144        $(".btn a").removeClass("active"),
145        $active1.addClass("active"),
146        u && (u = !1, h(x.li, l.none), h(v.li, l.right1), h(s.li, l.right), h(b.li, l.current), h(g.li, l.left), h(p.li, l.left1), h(s.img, m,
147        function() {}), h(v.img, d,
148        function() {}), h(p.img, d,
149        function() {}), h(g.img, m,
150        function() {}), h(b.img, f,
151        function() {
152            $temp = s,
153            s = b,
154            b = g,
155            g = p,
156            p = x,
157            x = v,
158            v = $temp,
159            t(),
160            u = !0
161        }))
162    },
163    I = function() {
164        s.img.unbind("click"),
165        b.img.unbind("click"),
166        v.img.unbind("click"),
167        p.img.unbind("click"),
168        $(".btn1").unbind("click"),
169        $(".btn2").unbind("click"),
170        $(".btn3").unbind("click"),
171        $(".btn4").unbind("click"),
172        $(".btn5").unbind("click"),
173        $(".btn6").unbind("click")
174    },
175    z = function() {
176        function n() {
177            t.start && t.start(),
178            T(function() {
179                I()
180            }),
181            t.end && setTimeout(t.end, 2)
182        }
183        function c() {
184            t.start && t.start(),
185            k(function() {
186                I()
187            }),
188            t.end && setTimeout(t.end, 2)
189        }
190        function o() {
191            t.start && t.start(),
192            T(function() {
193                I(),
194                z()
195            }),
196            t.end && setTimeout(t.end, 2),
197            i()
198        }
199        function a() {
200            t.start && t.start(),
201            k(function() {
202                I(),
203                z()
204            }),
205            t.end && setTimeout(t.end, 2),
206            i()
207        }
208/*        b.img.bind("click",
209        function() {
210            e(),
211            t.start && t.start(),
212            I(),
213            k(function() {
214                z()
215            }),
216            t.end && setTimeout(t.end, t.duration || 1e3),
217            i()
218        }),
219        v.img.bind("click",
220        function() {
221            e(),
222            t.start && t.start(),
223            I(),
224            T(function() {
225                z()
226            }),
227            t.end && setTimeout(t.end, t.duration || 1e3),
228            i()
229        }),
230        $(".btn1").bind("click",
231        function() {
232            e(),
233            $active = $(".btn  a.active");
234            var t = $active.attr("rel") - 1;
235            1 == t ? a() : 2 == t ? (I(), c(), setTimeout(a, 700)) : 3 == t && o()
236        }),
237        $(".btn2").bind("click",
238        function() {
239            e(),
240            $active = $(".btn  a.active");
241            var t = $active.attr("rel");
242            3 == t ? a() : 4 == t ? (I(), c(), setTimeout(a, 700)) : 1 == t && o()
243        }),
244        $(".btn3").bind("click",
245        function() {
246            e(),
247            $active = $(".btn  a.active");
248            var t = $active.attr("rel");
249            2 == t ? o() : 1 == t ? (I(), n(), setTimeout(o, 700)) : 4 == t && a()
250        }),
251        $(".btn4").bind("click",
252        function() {
253            e(),
254            $active = $(".btn  a.active");
255            var t = $active.attr("rel");
256            3 == t ? o() : 2 == t ? (I(), n(), setTimeout(o, 700)) : 1 == t && a()
257        })*/
258    };
259    z();
260    var C = function(n) {
261        return r ? void 0 : (r = !0, c = setInterval(function() {
262            t.start && t.start(),
263            k(function() {
264                I(),
265                z()
266            }),
267            t.end && setTimeout(t.end, t.duration || 1e3)
268        },
269        t.changeTimeout || 3e3), n && n(), c)
270    };
271    t.autoChange && ($(t.stopTarget).bind("mouseenter",
272    function() {
273        e()
274    }), $(t.stopTarget).bind("mouseleave",
275    function() {
276        c = C()
277    }), c = C())
278};