├── .gitattributes ├── .gitignore ├── README.md ├── images ├── 1-bg.png ├── banners │ ├── image-slider-1.jpg │ ├── image-slider-2.jpg │ ├── image-slider-3.jpg │ ├── image-slider-4.jpg │ └── image-slider-5.jpg ├── bullet.png ├── fb_icon.png ├── github_icon.png ├── loading.gif └── twitter_icon.png ├── index.html └── js └── js-image-slider.js /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | *.sln merge=union 7 | *.csproj merge=union 8 | *.vbproj merge=union 9 | *.fsproj merge=union 10 | *.dbproj merge=union 11 | 12 | # Standard to msysgit 13 | *.doc diff=astextplain 14 | *.DOC diff=astextplain 15 | *.docx diff=astextplain 16 | *.DOCX diff=astextplain 17 | *.dot diff=astextplain 18 | *.DOT diff=astextplain 19 | *.pdf diff=astextplain 20 | *.PDF diff=astextplain 21 | *.rtf diff=astextplain 22 | *.RTF diff=astextplain 23 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Windows image file caches 2 | Thumbs.db 3 | ehthumbs.db 4 | 5 | # Folder config file 6 | Desktop.ini 7 | 8 | # Recycle Bin used on file shares 9 | $RECYCLE.BIN/ 10 | 11 | # Windows Installer files 12 | *.cab 13 | *.msi 14 | *.msm 15 | *.msp 16 | 17 | # ========================= 18 | # Operating System Files 19 | # ========================= 20 | 21 | # OSX 22 | # ========================= 23 | 24 | .DS_Store 25 | .AppleDouble 26 | .LSOverride 27 | 28 | # Icon must ends with two \r. 29 | Icon 30 | 31 | # Thumbnails 32 | ._* 33 | 34 | # Files that might appear on external disk 35 | .Spotlight-V100 36 | .Trashes 37 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Simple Image Slider - JavaScript & CSS 2 | ====================================== 3 | 4 | It is a really cool slider. It has pretty nice sliding effect, and a less loading time as created by Javascript, no jQuery or flash used. And another thing is it’s easily customizable. I have customized it little to suite perfectly for blogger blog. 5 | -------------------------------------------------------------------------------- /images/1-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/1-bg.png -------------------------------------------------------------------------------- /images/banners/image-slider-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/banners/image-slider-1.jpg -------------------------------------------------------------------------------- /images/banners/image-slider-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/banners/image-slider-2.jpg -------------------------------------------------------------------------------- /images/banners/image-slider-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/banners/image-slider-3.jpg -------------------------------------------------------------------------------- /images/banners/image-slider-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/banners/image-slider-4.jpg -------------------------------------------------------------------------------- /images/banners/image-slider-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/banners/image-slider-5.jpg -------------------------------------------------------------------------------- /images/bullet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/bullet.png -------------------------------------------------------------------------------- /images/fb_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/fb_icon.png -------------------------------------------------------------------------------- /images/github_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/github_icon.png -------------------------------------------------------------------------------- /images/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/loading.gif -------------------------------------------------------------------------------- /images/twitter_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/saumya04/Simple-Image-Slider/d7d09ceea7b2755fff8545a5533c77cc7e556be4/images/twitter_icon.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Simple Image Slider - JS & CSS 7 | 8 | 9 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 |
144 |

Simple JavaScript & CSS Slider

145 |
146 | 147 |
148 |
149 | #htmlcaption1 150 | Multiple Animations! 151 | Pure Javascript & CSS. No jQuery. No flash. 152 | #htmlcaption2 153 | Mouse-Over to Pause 154 |
155 | 158 | 161 |
162 | 163 |
164 | 165 |

166 |

Find me on:

167 | 168 |   169 |   170 | 171 |
172 | 173 | 174 | 175 | 176 | -------------------------------------------------------------------------------- /js/js-image-slider.js: -------------------------------------------------------------------------------- 1 | // ============= Simple Image Slider - JS & CSS ( http://github.com/saumya04 ) ============= 2 | 3 | var sliderOptions = { 4 | sliderId: "slider", 5 | effect: "series1", 6 | effectRandom: false, 7 | pauseTime: 2600, 8 | transitionTime: 500, 9 | slices: 12, 10 | boxes: 8, 11 | hoverPause: true, 12 | autoAdvance: true, 13 | captionOpacity: 0.3, 14 | captionEffect: "fade", 15 | thumbnailsWrapperId: "thumbs", 16 | m: false, 17 | license: "mylicense" 18 | }; 19 | 20 | var imageSlider = new mcImgSlider(sliderOptions); 21 | 22 | /* Menucool Javascript Image Slider v2012.11.22. Copyright www.menucool.com */ 23 | function mcImgSlider(j) { 24 | var K = function(a) { 25 | return document.getElementById(a) 26 | }, 27 | d = "length", 28 | M = function(e) { 29 | var a = e.childNodes, 30 | c = []; 31 | if (a) 32 | for (var b = 0, f = a[d]; b < f; b++) a[b].nodeType == 1 && c.push(a[b]); 33 | return c 34 | }, 35 | m = "className", 36 | p = "getAttribute", 37 | f = "opacity", 38 | P = function(a, b) { 39 | return a.getElementsByTagName(b) 40 | }, 41 | hb = function(a) { 42 | for (var c, e, b = a[d]; b; c = parseInt(Math.random() * b), e = a[--b], a[b] = a[c], a[c] = e); 43 | return a 44 | }, 45 | gb = function(a, c, b) { 46 | if (a.addEventListener) a.addEventListener(c, b, false); 47 | else a.attachEvent && a.attachEvent("on" + c, b) 48 | }, 49 | jb = document, 50 | fb = function(c, a, b) { 51 | return b ? c.substring(a, b) : c.substring(a) 52 | }, 53 | c = "style", 54 | R = "display", 55 | z = "visibility", 56 | g = "width", 57 | v = "height", 58 | O = "top", 59 | J = "background", 60 | t = "marginLeft", 61 | F = "appendChild", 62 | y = "parentNode", 63 | D = "nodeName", 64 | x = function() { 65 | this.d = []; 66 | this.b = null; 67 | this.c() 68 | }; 69 | 70 | function Z() { 71 | var c = 50, 72 | a = navigator.userAgent, 73 | b; 74 | if ((b = a.indexOf("MSIE ")) != -1) c = parseInt(a.substring(b + 5, a.indexOf(".", b))); 75 | if (a.indexOf("Safari") != -1 && a.indexOf("Chrome") == -1) c = 300; 76 | return c 77 | } 78 | var cb = Z() < 9, 79 | E = function(a, b) { 80 | if (a) { 81 | a.o = b; 82 | if (cb) a[c].filter = "alpha(opacity=" + b * 100 + ")"; 83 | else a[c][f] = b 84 | } 85 | }; 86 | x.a = { 87 | f: function(a) { 88 | return -Math.cos(a * Math.PI) / 2 + .5 89 | }, 90 | g: function(a) { 91 | return a 92 | }, 93 | h: function(b, a) { 94 | return Math.pow(b, a * 2) 95 | }, 96 | j: function(b, a) { 97 | return 1 - Math.pow(1 - b, a * 2) 98 | } 99 | }; 100 | x.prototype = { 101 | k: { 102 | c: j.transitionTime, 103 | a: function() {}, 104 | b: x.a.f, 105 | d: 1 106 | }, 107 | c: function() { 108 | for (var b = ["webkit", "ms", "o"], a = 0; a < b[d] && !window.requestAnimationFrame; ++a) { 109 | window.requestAnimationFrame = window[b[a] + "RequestAnimationFrame"]; 110 | window.cancelAnimationFrame = window[b[a] + "CancelAnimationFrame"] || window[b[a] + "CancelRequestAnimationFrame"] 111 | } 112 | this.e = !!window.requestAnimationFrame 113 | }, 114 | m: function(i, d, h, c) { 115 | for (var b = [], j = h - d, k = h > d ? 1 : -1, g = Math.ceil(60 * c.c / 1e3), a, e = 1; e <= g; e++) { 116 | a = d + c.b(e / g, c.d) * j; 117 | if (i != f) a = Math.round(a); 118 | b.push(a) 119 | } 120 | b.index = 0; 121 | return b 122 | }, 123 | n: function() { 124 | this.b == null && this.p() 125 | }, 126 | p: function() { 127 | this.q(); 128 | var a = this; 129 | this.b = this.e ? window.requestAnimationFrame(function() { 130 | a.p() 131 | }) : window.setInterval(function() { 132 | a.q() 133 | }, 15) 134 | }, 135 | q: function() { 136 | var a = this.d[d]; 137 | if (a) { 138 | for (var c = 0; c < a; c++) this.o(this.d[c]); 139 | while (a--) { 140 | var b = this.d[a]; 141 | if (b.d.index == b.d[d]) { 142 | b.c(); 143 | this.d.splice(a, 1) 144 | } 145 | } 146 | } else { 147 | if (this.e && window.cancelAnimationFrame) window.cancelAnimationFrame(this.b); 148 | else window.clearInterval(this.b); 149 | this.b = null 150 | } 151 | }, 152 | o: function(a) { 153 | if (a.d.index < a.d[d]) { 154 | var e = a.b, 155 | b = a.d[a.d.index]; 156 | if (a.b == f) { 157 | if (cb) { 158 | e = "filter"; 159 | b = "alpha(opacity=" + Math.round(b * 100) + ")" 160 | } 161 | } else b += "px"; 162 | a.a[c][e] = b; 163 | a.d.index++ 164 | } 165 | }, 166 | r: function(e, b, d, f, a) { 167 | a = this.s(this.k, a); 168 | var c = this.m(b, d, f, a); 169 | this.d.push({ 170 | a: e, 171 | b: b, 172 | d: c, 173 | c: a.a 174 | }); 175 | this.n() 176 | }, 177 | s: function(c, b) { 178 | b = b || {}; 179 | var a, d = {}; 180 | for (a in c) d[a] = b[a] !== undefined ? b[a] : c[a]; 181 | return d 182 | } 183 | }; 184 | var h = new x, 185 | b = { 186 | a: 0, 187 | e: "", 188 | d: 0, 189 | c: 0, 190 | b: 0 191 | }, 192 | a, e, s, w, L, G, N, k, n, Q, C, r, A, B, q, U, I, o, l = null, 193 | X = function(b) { 194 | if (b == "series1") a.a = [6, 8, 15, 2, 5, 14, 13, 3, 7, 4, 14, 1, 13, 15]; 195 | else if (b == "series2") a.a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17]; 196 | else a.a = b.split(/\W+/); 197 | a.a.p = j.effectRandom ? -1 : a.a[d] == 1 ? 0 : 1 198 | }, 199 | S = function() { 200 | a = { 201 | b: j.pauseTime, 202 | c: j.transitionTime, 203 | f: j.slices, 204 | g: j.boxes, 205 | O0: j.license || "5432", 206 | h: j.hoverPause, 207 | i: j.autoAdvance, 208 | j: j.captionOpacity, 209 | k: j.captionEffect == "none" ? 0 : j.captionEffect == "fade" ? 1 : 2, 210 | l: j.thumbnailsWrapperId, 211 | Ob: function() { 212 | typeof beforeSlideChange !== "undefined" && beforeSlideChange(arguments) 213 | }, 214 | Oa: function() { 215 | typeof afterSlideChange !== "undefined" && afterSlideChange(arguments) 216 | } 217 | }; 218 | if (e) a.m = Math.ceil(e.offsetHeight * a.g / e.offsetWidth); 219 | X(j.effect); 220 | a.n = function() { 221 | var b; 222 | if (a.a.p == -1) b = a.a[Math.floor(Math.random() * a.a[d])]; 223 | else { 224 | b = a.a[a.a.p]; 225 | a.a.p++; 226 | if (a.a.p >= a.a[d]) a.a.p = 0 227 | } 228 | if (b < 1 || b > 17) b = 15; 229 | return b 230 | } 231 | }, 232 | lb = ["$1$2$3", "$1$2$3", "$1$24", "$1$23"], 233 | u = []; 234 | 235 | function db() { 236 | var g; 237 | if (a.l) g = K(a.l); 238 | if (g) 239 | for (var h = g.childNodes, f = 0; f < h[d]; f++) h[f][m] == "thumb" && u.push(h[f]); 240 | var c = u[d]; 241 | if (c) { 242 | while (c--) { 243 | u[c].on = 0; 244 | u[c].i = c; 245 | u[c].onclick = function() { 246 | l.y(this.i) 247 | }; 248 | u[c].onmouseover = function() { 249 | this.on = 1; 250 | this[m] = "thumb thumb-on"; 251 | e.onmouseover() 252 | }; 253 | u[c].onmouseout = function() { 254 | this.on = 0; 255 | this[m] = this.i == b.a ? "thumb thumb-on" : "thumb"; 256 | e.onmouseout() 257 | } 258 | } 259 | Y(0) 260 | } 261 | } 262 | 263 | function Y(b) { 264 | var a = u[d]; 265 | if (a) 266 | while (a--) u[a][m] = a != b && u[a].on == 0 ? "thumb" : "thumb thumb-on" 267 | } 268 | 269 | function eb(b) { 270 | var a = [], 271 | c = b[d]; 272 | while (c--) a.push(String.fromCharCode(b[c])); 273 | return a.join("") 274 | } 275 | var V = function(a, e, j, c, b, d, i) { 276 | setTimeout(function() { 277 | if (e && j == e - 1) { 278 | var i = {}; 279 | i.a = function() { 280 | l.o() 281 | }; 282 | for (var k in a) i[k] = a[k] 283 | } else i = a; 284 | typeof b[g] !== "undefined" && h.r(c, "width", b[g], d[g], a); 285 | typeof b[v] !== "undefined" && h.r(c, "height", b[v], d[v], a); 286 | h.r(c, f, b[f], d[f], i) 287 | }, i) 288 | }, 289 | ab = function(a) { 290 | e = a; 291 | this.b = 0; 292 | this.c() 293 | }, 294 | kb = [/(?:.*\.)?(\w)([\w\-])[^.]*(\w)\.[^.]+$/, /.*([\w\-])\.(\w)(\w)\.[^.]+$/, /^(?:.*\.)?(\w)(\w)\.[^.]+$/, /.*([\w\-])([\w\-])\.com\.[^.]+$/], 295 | H = function(b) { 296 | var a = document.createElement("div"); 297 | a[m] = b; 298 | return a 299 | }; 300 | ab.prototype = { 301 | c: function() { 302 | s = e.offsetWidth; 303 | w = e.offsetHeight; 304 | var i = M(e), 305 | j = i[d]; 306 | if (i[j - 1][m] == "navBulletsWrapper") return; 307 | var f; 308 | o = []; 309 | while (j--) { 310 | f = i[j]; 311 | if (f[D] == "BR") e.removeChild(f); 312 | else { 313 | f[c][R] = "none"; 314 | o.push(f); 315 | if (f[D] == "A") { 316 | if (f[m]) f[m] = "imgLink " + f[m]; 317 | else f[m] = "imgLink"; 318 | var n = this.z(f), 319 | k = f[p]("href"); 320 | if (n && typeof McVideo != "undefined" && k && k.indexOf("http") != -1) { 321 | f.onclick = function() { 322 | return this[p]("autoPlayVideo") == "true" ? false : l.d(this) 323 | }; 324 | McVideo.register(f, this) 325 | } 326 | } 327 | if (f[D] != "IMG") P(f, "img")[0][c][R] = "none" 328 | } 329 | } 330 | o.reverse(); 331 | b.d = o.length; 332 | a.m = Math.ceil(w * a.g / s); 333 | if (o[b.a][D] == "IMG") b.e = o[b.a]; 334 | else b.e = P(o[b.a], "img")[0]; 335 | if (o[b.a][D] == "A") o[b.a][c][R] = "block"; 336 | e[c][J] = 'url("' + b.e[p]("src") + '") no-repeat'; 337 | this.i(); 338 | L = this.k(); 339 | var g = this.v(), 340 | h = b.e[y]; 341 | if (this.z(h) && h[p]("autoPlayVideo") == "true") this.d(h); 342 | else if (a.i && b.d > 1) q = setTimeout(function() { 343 | g.y(g.n(1), 0, 1) 344 | }, a.b + a.c); 345 | if (a.h) { 346 | e.onmouseover = function() { 347 | if (b.b != 2) { 348 | b.b = 1; 349 | clearTimeout(q); 350 | q = null 351 | } 352 | }; 353 | e.onmouseout = function() { 354 | if (b.b != 2) { 355 | b.b = 0; 356 | if (q == null && !b.c && a.i) q = setTimeout(function() { 357 | g.y(g.n(b.a + 1), 0, 1) 358 | }, a.b / 2) 359 | } 360 | } 361 | } 362 | if (Z() == 300) e[c]["-webkit-transform"] = "translate3d(0,0,0)" 363 | }, 364 | d: function(c) { 365 | var a = McVideo.play(c, s, w); 366 | if (a) b.b = 2; 367 | return !this.b 368 | }, 369 | f: function() { 370 | I = H("navBulletsWrapper"); 371 | for (var f = [], a = 0; a < b.d; a++) f.push("
"); 372 | I.innerHTML = f.join(""); 373 | for (var c = M(I), a = 0; a < c[d]; a++) { 374 | if (a == b.a) c[a][m] = "active"; 375 | c[a].onclick = function() { 376 | l.y(parseInt(this[p]("rel"))) 377 | } 378 | } 379 | e[F](I) 380 | }, 381 | g: function() { 382 | var d = M(I), 383 | a = b.d; 384 | while (a--) { 385 | if (a == b.a) d[a][m] = "active"; 386 | else d[a][m] = ""; 387 | if (o[a][D] == "A") o[a][c][R] = a == b.a ? "block" : "none" 388 | } 389 | }, 390 | h: function(a, e) { 391 | var c = function(b) { 392 | var a = b.charCodeAt(0).toString(); 393 | return a.substring(a[d] - 1) 394 | }, 395 | b = e.replace(kb[a - 2], lb[a - 2]).split(""); 396 | return "b" + a + b[1] + c(b[0]) + c(b[2]) 397 | }, 398 | i: function() { 399 | G = H("mc-caption"); 400 | N = H("mc-caption"); 401 | k = H("mc-caption-bg"); 402 | E(k, 0); 403 | k[F](N); 404 | n = H("mc-caption-bg2"); 405 | n[F](G); 406 | E(n, 0); 407 | n[c][z] = k[c][z] = N[c][z] = "hidden"; 408 | e[F](k); 409 | e[F](n); 410 | Q = [k.offsetLeft, k.offsetTop, G.offsetWidth]; 411 | G[c][g] = N[c][g] = G.offsetWidth + "px"; 412 | this.j() 413 | }, 414 | j: function() { 415 | if (a.k == 2) { 416 | C = A = { 417 | opacity: 0, 418 | width: 0, 419 | marginLeft: Math.round(Q[2] / 2) 420 | }; 421 | r = { 422 | opacity: 1, 423 | width: Q[2], 424 | marginLeft: 0 425 | }; 426 | B = { 427 | opacity: a.j, 428 | width: Q[2], 429 | marginLeft: 0 430 | } 431 | } else if (a.k == 1) { 432 | C = A = { 433 | opacity: 0 434 | }; 435 | r = { 436 | opacity: 1 437 | }; 438 | B = { 439 | opacity: a.j 440 | } 441 | } 442 | }, 443 | k: function() { 444 | var a = b.e[p]("alt"); 445 | if (a && a.substr(0, 1) == "#") { 446 | var c = K(a.substring(1)); 447 | a = c ? c.innerHTML : "" 448 | } 449 | this.l(); 450 | return a 451 | }, 452 | l: function() { 453 | var e = 1; 454 | if (G.innerHTML[d] > 1) 455 | if (!a.k) k[c][z] = n[c][z] = "hidden"; 456 | else { 457 | e = 0; 458 | var b = { 459 | c: a.c * .3, 460 | b: a.k == 1 ? x.a.f : x.a.h, 461 | d: a.k == 1 ? 0 : 2 462 | }, 463 | i = b; 464 | i.a = function() { 465 | k[c][z] = n[c][z] = "hidden"; 466 | l.m() 467 | }; 468 | if (typeof r[t] !== "undefined") { 469 | h.r(n, "width", r[g], C[g], b); 470 | h.r(k, "width", B[g], A[g], b); 471 | h.r(n, "marginLeft", r[t], C[t], b); 472 | h.r(k, "marginLeft", B[t], A[t], b) 473 | } 474 | if (typeof r[f] !== "undefined") { 475 | h.r(n, f, r[f], C[f], b); 476 | h.r(k, f, B[f], A[f], i) 477 | } 478 | } 479 | e && setTimeout(function() { 480 | l.m() 481 | }, a.c * .3) 482 | }, 483 | m: function() { 484 | N.innerHTML = G.innerHTML = L; 485 | if (L) { 486 | k[c][z] = n[c][z] = "visible"; 487 | if (a.k) { 488 | var d = a.c * a.k; 489 | if (d > 1e3) d = 1e3; 490 | var b = { 491 | c: d, 492 | b: a.k == 1 ? x.a.g : x.a.j, 493 | d: a.k == 1 ? 0 : 2 494 | }; 495 | if (typeof r[t] !== "undefined") { 496 | h.r(n, "width", C[g], r[g], b); 497 | h.r(k, "width", A[g], B[g], b); 498 | h.r(n, "marginLeft", C[t], r[t], b); 499 | h.r(k, "marginLeft", A[t], B[t], b) 500 | } 501 | if (typeof r[f] !== "undefined") { 502 | h.r(n, f, C[f], r[f], b); 503 | h.r(k, f, A[f], B[f], b) 504 | } 505 | } else { 506 | E(n, 1); 507 | E(k, a.j) 508 | } 509 | } 510 | }, 511 | a: function(a) { 512 | return a.replace(/(?:.*\.)?(\w)([\w\-])?[^.]*(\w)\.[^.]*$/, "$1$3$2") 513 | }, 514 | o: function() { 515 | b.c = 0; 516 | clearTimeout(q); 517 | q = null; 518 | e[c][J] = 'url("' + b.e[p]("src") + '") no-repeat'; 519 | var f = this, 520 | d = b.e[y]; 521 | if (this.z(d) && d[p]("autoPlayVideo") == "true") this.d(d); 522 | else if (!b.b && a.i) q = setTimeout(function() { 523 | f.y(f.n(b.a + 1), 0, 1) 524 | }, a.b); 525 | a.Oa.call(this, b.a, b.e) 526 | }, 527 | p: function(h) { 528 | b.c = 1; 529 | if (o[b.a][D] == "IMG") b.e = o[b.a]; 530 | else b.e = P(o[b.a], "img")[0]; 531 | this.g(); 532 | clearTimeout(U); 533 | L = this.k(); 534 | var g = P(e, "div"); 535 | i = g[d]; 536 | while (i--) 537 | if (g[i][m] == "mcSlc" || g[i][m] == "mcBox") { 538 | var j = e.removeChild(g[i]); 539 | delete j 540 | } 541 | var c = h ? h : a.n(); 542 | a.Ob.apply(this, [b.a, b.e, L, c]); 543 | Y(b.a); 544 | var f = c < 14 ? this.w(c) : this.x(); 545 | if (c < 9 || c == 15) { 546 | if (c % 2) f = f.reverse() 547 | } else if (c < 14) f = f[0]; 548 | if (c < 9) this.q(f, c); 549 | else if (c < 13) this.r(f, c); 550 | else if (c == 13) this.s(f); 551 | else if (c < 16) this.t(f, c); 552 | else this.u(f, c) 553 | }, 554 | q: function(b, e) { 555 | for (var h = 0, i = e < 7 ? { 556 | height: 0, 557 | opacity: -.4 558 | } : { 559 | width: 0, 560 | opacity: 0 561 | }, k = { 562 | height: w, 563 | opacity: 1 564 | }, a = 0, j = b[d]; a < j; a++) { 565 | if (e < 3) b[a][c].bottom = "0"; 566 | else if (e < 5) b[a][c][O] = "0"; 567 | else if (e < 7) { 568 | b[a][c][a % 2 ? "bottom" : "top"] = "0"; 569 | i[f] = -.2 570 | } else { 571 | k = { 572 | width: b[a].offsetWidth, 573 | opacity: 1 574 | }; 575 | b[a][c][g] = b[a][c][O] = "0"; 576 | b[a][c][v] = w + "px" 577 | } 578 | V({}, j, a, b[a], i, k, h); 579 | h += 50 580 | } 581 | }, 582 | r: function(d, b) { 583 | d[c][g] = b < 11 ? "0px" : s + "px"; 584 | d[c][v] = b < 11 ? w + "px" : "0px"; 585 | E(d, 1); 586 | if (b < 11) d[c][O] = "0"; 587 | if (b == 9) { 588 | d[c].left = "auto"; 589 | d[c].right = "0px" 590 | } else if (b > 10) d[c][b == 11 ? "bottom" : "top"] = "0"; 591 | if (b < 11) var e = 0, 592 | f = s; 593 | else { 594 | e = 0; 595 | f = w 596 | } 597 | var i = { 598 | b: x.a.j, 599 | c: a.c * 1.6, 600 | a: function() { 601 | l.o() 602 | } 603 | }; 604 | h.r(d, b < 11 ? "width" : "height", e, f, i) 605 | }, 606 | s: function(b) { 607 | b[c][O] = "0"; 608 | b[c][g] = s + "px"; 609 | b[c][v] = w + "px"; 610 | var d = { 611 | c: a.c * 1.6, 612 | a: function() { 613 | l.o() 614 | } 615 | }; 616 | h.r(b, f, 0, 1, d) 617 | }, 618 | t: function(b) { 619 | var s = a.g * a.m, 620 | p = 0, 621 | n = 0, 622 | j = 0, 623 | h = 0, 624 | f = []; 625 | f[0] = []; 626 | for (var e = 0, o = b[d]; e < o; e++) { 627 | b[e][c][g] = b[e][c][v] = "0px"; 628 | f[j][h] = b[e]; 629 | h++; 630 | if (h == a.g) { 631 | j++; 632 | h = 0; 633 | f[j] = [] 634 | } 635 | } 636 | for (var q = { 637 | c: a.c / 1.3 638 | }, k = 0, o = a.g * 2; k < o; k++) { 639 | for (var i = k, l = 0; l < a.m; l++) { 640 | if (i >= 0 && i < a.g) { 641 | var m = f[l][i]; 642 | V(q, b[d], p, m, { 643 | width: 0, 644 | height: 0, 645 | opacity: 0 646 | }, { 647 | width: m.w, 648 | height: m.h, 649 | opacity: 1 650 | }, n); 651 | p++ 652 | } 653 | i-- 654 | } 655 | n += 100 656 | } 657 | }, 658 | u: function(a, j) { 659 | a = hb(a); 660 | for (var f = 0, b = 0, k = a[d]; b < k; b++) { 661 | var e = a[b]; 662 | if (j == 16) { 663 | a[b][c][g] = a[b][c][v] = "0px"; 664 | var h = { 665 | width: 0, 666 | height: 0, 667 | opacity: 0 668 | }, 669 | i = { 670 | width: e.w, 671 | height: e.h, 672 | opacity: 1 673 | } 674 | } else { 675 | h = { 676 | opacity: 0 677 | }; 678 | i = { 679 | opacity: 1 680 | } 681 | } 682 | V({}, a[d], b, e, h, i, f); 683 | f += 20 684 | } 685 | }, 686 | v: function() { 687 | return (new Function("a", "b", "c", "d", "e", "f", "g", "h", "this.f();var l=e(g(b([110,105,97,109,111,100])));if(l==''||l.length>3||a[b([48,79])]==f((+a[b([48,79])].substring(1,2)),g(b([110,105,97,109,111,100])))){d();this.b=1;}else{a[b([97,79])]=a[b([98,79])]=function(){};var k=c[0];if (k.getAttribute(b([102,101,114,104])))var x=k.getAttribute(b([102,101,114,104]));if(x&&x.length>20)var y=h(x,17,19)=='ol';};return this;")).apply(this, [a, eb, o, db, this.a, this.h, function(a) { 688 | return jb[a] 689 | }, fb]) 690 | }, 691 | w: function(i) { 692 | for (var k = [], j = i > 8 ? s : Math.round(s / a.f), l = i > 8 ? 1 : a.f, h = 0; h < l; h++) { 693 | var f = H("mcSlc"); 694 | f[c].left = j * h + "px"; 695 | f[c][g] = (h == a.f - 1 ? s - j * h : j) + "px"; 696 | f[c][v] = "0px"; 697 | f[c][J] = 'url("' + b.e[p]("src") + '") no-repeat -' + h * j + "px 0%"; 698 | if (i == 10) f[c][J] = 'url("' + b.e[p]("src") + '") no-repeat right top'; 699 | else if (i == 12) f[c][J] = 'url("' + b.e[p]("src") + '") no-repeat left bottom'; 700 | f[c].zIndex = 1; 701 | f[c].position = "absolute"; 702 | E(f, 0); 703 | e[F](f); 704 | k[k[d]] = f 705 | } 706 | return k 707 | }, 708 | x: function() { 709 | for (var k = [], j = Math.round(s / a.g), i = Math.round(w / a.m), h = 0; h < a.m; h++) 710 | for (var f = 0; f < a.g; f++) { 711 | var d = H("mcBox"); 712 | d[c].left = j * f + "px"; 713 | d[c][O] = i * h + "px"; 714 | d.w = f == a.g - 1 ? s - j * f : j; 715 | d.h = h == a.m - 1 ? w - i * h : i; 716 | d[c][g] = d.w + "px"; 717 | d[c][v] = d.h + "px"; 718 | d[c][J] = 'url("' + b.e[p]("src") + '") no-repeat -' + f * j + "px -" + h * i + "px"; 719 | d[c].zIndex = 1; 720 | d[c].position = "absolute"; 721 | E(d, 0); 722 | e[F](d); 723 | k.push(d) 724 | } 725 | return k 726 | }, 727 | y: function(d, g, f) { 728 | if (b.c && !g || d == b.a) return 0; 729 | if (b.b == 2) { 730 | b.b = 0; 731 | var c = K("mcVideo"); 732 | if (c) { 733 | c.src = ""; 734 | var e = c[y][y].removeChild(c[y]); 735 | delete e 736 | } 737 | } 738 | clearTimeout(q); 739 | q = null; 740 | var a = b.a; 741 | b.a = this.n(d); 742 | if (f || !j.m) a = 0; 743 | else a = a > b.a ? "10" : "9"; 744 | this.p(a) 745 | }, 746 | n: function(a) { 747 | if (a >= b.d) a = 0; 748 | else if (a < 0) a = b.d - 1; 749 | return a 750 | }, 751 | To: function(a) { 752 | this.y(this.n(b.a + a)) 753 | }, 754 | z: function(a) { 755 | return a[m].indexOf(" video") > -1 756 | } 757 | }; 758 | var T = function() { 759 | var a = K(j.sliderId); 760 | if (a && P(a, "img")[d] && a.offsetHeight) l = new ab(a); 761 | else setTimeout(T, 900) 762 | }; 763 | S(); 764 | gb(window, "load", T); 765 | var ib = function() { 766 | if (e) { 767 | h.d = []; 768 | clearTimeout(q); 769 | clearTimeout(U); 770 | q = U = null; 771 | var c = M(e), 772 | g = c[d]; 773 | while (g--) 774 | if (c[g][D] == "DIV") { 775 | var j = c[g][y].removeChild(c[g]); 776 | delete j 777 | } 778 | var f = K("mcVideo"); 779 | if (f) { 780 | f.src = ""; 781 | var i = f[y][y].removeChild(f[y]); 782 | delete i 783 | } 784 | b = { 785 | a: 0, 786 | e: "", 787 | d: 0, 788 | c: 0, 789 | b: 0 790 | } 791 | } 792 | S(); 793 | T(); 794 | if (!l.b) a.i = l.b 795 | }, 796 | bb = 0, 797 | W = function(c) { 798 | if (++bb < 20) 799 | if (!l || typeof tooltip == "undefined") setTimeout(function() { 800 | W(c) 801 | }, 300); 802 | else 803 | for (var b = M(I), a = 0; a < b[d]; a++) b[a].onmouseover = function() { 804 | tooltip.pop(this, c(parseInt(this[p]("rel")))) 805 | } 806 | }; 807 | return { 808 | displaySlide: function(c, b, a) { 809 | l.y(c, b, a) 810 | }, 811 | next: function() { 812 | l.To(1) 813 | }, 814 | previous: function() { 815 | l.To(-1) 816 | }, 817 | getAuto: function() { 818 | return a.i 819 | }, 820 | thumbnailPreview: function(a) { 821 | bb = 0; 822 | W(a) 823 | }, 824 | switchAuto: function() { 825 | if (a.i = !a.i) l.To(1); 826 | else clearTimeout(q) 827 | }, 828 | setEffect: function(a) { 829 | X(a) 830 | }, 831 | changeOptions: function(a) { 832 | for (var b in a) j[b] = a[b]; 833 | S() 834 | }, 835 | reload: ib, 836 | getElement: function() { 837 | return K(j.sliderId) 838 | } 839 | } 840 | } --------------------------------------------------------------------------------