1/*! 2 * jQuery Cycle Plugin (with Transition Definitions) 3 * Examples and documentation at: http://jquery.malsup.com/cycle/ 4 * Copyright (c) 2007-2013 M. Alsup 5 * Version: 3.0.1 (22-MAR-2013) 6 * Dual licensed under the MIT and GPL licenses. 7 * http://jquery.malsup.com/license.html 8 * Requires: jQuery v1.7.1 or later 9 */ 10;(function($, undefined) { 11 "use strict"; 12 13 var ver = '3.0.1'; 14 15 function debug(s) { 16 if ($.fn.cycle.debug) 17 log(s); 18 } 19 function log() { 20 if (window.console && console.log) 21 console.log('[cycle] ' + Array.prototype.join.call(arguments,' ')); 22 } 23 $.expr[':'].paused = function(el) { 24 return el.cyclePause; 25 }; 26 27 28// the options arg can be... 29// a number - indicates an immediate transition should occur to the given slide index 30// a string - 'pause', 'resume', 'toggle', 'next', 'prev', 'stop', 'destroy' or the name of a transition effect (ie, 'fade', 'zoom', etc) 31// an object - properties to control the slideshow 32// 33// the arg2 arg can be... 34// the name of an fx (only used in conjunction with a numeric value for 'options') 35// the value true (only used in first arg == 'resume') and indicates 36// that the resume should occur immediately (not wait for next timeout) 37 38 $.fn.cycle = function(options, arg2) { 39 var o = { s: this.selector, c: this.context }; 40 41 // in 1.3+ we can fix mistakes with the ready state 42 if (this.length === 0 && options != 'stop') { 43 if (!$.isReady && o.s) { 44 log('DOM not ready, queuing slideshow'); 45 $(function() { 46 $(o.s,o.c).cycle(options,arg2); 47 }); 48 return this; 49 } 50 // is your DOM ready? http://docs.jquery.com/Tutorials:Introducing_$(document).ready() 51 log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)')); 52 return this; 53 } 54 55 // iterate the matched nodeset 56 return this.each(function() { 57 var opts = handleArguments(this, options, arg2); 58 if (opts === false) 59 return; 60 61 opts.updateActivePagerLink = opts.updateActivePagerLink || $.fn.cycle.updateActivePagerLink; 62 63 // stop existing slideshow for this container (if there is one) 64 if (this.cycleTimeout) 65 clearTimeout(this.cycleTimeout); 66 this.cycleTimeout = this.cyclePause = 0; 67 this.cycleStop = 0; // issue #108 68 69 var $cont = $(this); 70 var $slides = opts.slideExpr ? $(opts.slideExpr, this) : $cont.children(); 71 var els = $slides.get(); 72 73 if (els.length < 2) { 74 log('terminating; too few slides: ' + els.length); 75 return; 76 } 77 78 var opts2 = buildOptions($cont, $slides, els, opts, o); 79 if (opts2 === false) 80 return; 81 82 var startTime = opts2.continuous ? 10 : getTimeout(els[opts2.currSlide], els[opts2.nextSlide], opts2, !opts2.backwards); 83 84 // if it's an auto slideshow, kick it off 85 if (startTime) { 86 startTime += (opts2.delay || 0); 87 if (startTime < 10) 88 startTime = 10; 89 debug('first timeout: ' + startTime); 90 this.cycleTimeout = setTimeout(function(){go(els,opts2,0,!opts.backwards);}, startTime); 91 } 92 }); 93 }; 94 95 function triggerPause(cont, byHover, onPager) { 96 var opts = $(cont).data('cycle.opts'); 97 if (!opts) 98 return; 99 var paused = !!cont.cyclePause; 100 if (paused && opts.paused) 101 opts.paused(cont, opts, byHover, onPager); 102 else if (!paused && opts.resumed) 103 opts.resumed(cont, opts, byHover, onPager); 104 } 105 106// process the args that were passed to the plugin fn 107 function handleArguments(cont, options, arg2) { 108 if (cont.cycleStop === undefined) 109 cont.cycleStop = 0; 110 if (options === undefined || options === null) 111 options = {}; 112 if (options.constructor == String) { 113 switch(options) { 114 case 'destroy': 115 case 'stop': 116 var opts = $(cont).data('cycle.opts'); 117 if (!opts) 118 return false; 119 cont.cycleStop++; // callbacks look for change 120 if (cont.cycleTimeout) 121 clearTimeout(cont.cycleTimeout); 122 cont.cycleTimeout = 0; 123 if (opts.elements) 124 $(opts.elements).stop(); 125 $(cont).removeData('cycle.opts'); 126 if (options == 'destroy') 127 destroy(cont, opts); 128 return false; 129 case 'toggle': 130 cont.cyclePause = (cont.cyclePause === 1) ? 0 : 1; 131 checkInstantResume(cont.cyclePause, arg2, cont); 132 triggerPause(cont); 133 return false; 134 case 'pause': 135 cont.cyclePause = 1; 136 triggerPause(cont); 137 return false; 138 case 'resume': 139 cont.cyclePause = 0; 140 checkInstantResume(false, arg2, cont); 141 triggerPause(cont); 142 return false; 143 case 'prev': 144 case 'next': 145 opts = $(cont).data('cycle.opts'); 146 if (!opts) { 147 log('options not found, "prev/next" ignored'); 148 return false; 149 } 150 if (typeof arg2 == 'string') 151 opts.oneTimeFx = arg2; 152 $.fn.cycle[options](opts); 153 return false; 154 default: 155 options = { fx: options }; 156 } 157 return options; 158 } 159 else if (options.constructor == Number) { 160 // go to the requested slide 161 var num = options; 162 options = $(cont).data('cycle.opts'); 163 if (!options) { 164 log('options not found, can not advance slide'); 165 return false; 166 } 167 if (num < 0 || num >= options.elements.length) { 168 log('invalid slide index: ' + num); 169 return false; 170 } 171 options.nextSlide = num; 172 if (cont.cycleTimeout) { 173 clearTimeout(cont.cycleTimeout); 174 cont.cycleTimeout = 0; 175 } 176 if (typeof arg2 == 'string') 177 options.oneTimeFx = arg2; 178 go(options.elements, options, 1, num >= options.currSlide); 179 return false; 180 } 181 return options; 182 183 function checkInstantResume(isPaused, arg2, cont) { 184 if (!isPaused && arg2 === true) { // resume now! 185 var options = $(cont).data('cycle.opts'); 186 if (!options) { 187 log('options not found, can not resume'); 188 return false; 189 } 190 if (cont.cycleTimeout) { 191 clearTimeout(cont.cycleTimeout); 192 cont.cycleTimeout = 0; 193 } 194 go(options.elements, options, 1, !options.backwards); 195 } 196 } 197 } 198 199 function removeFilter(el, opts) { 200 if (!$.support.opacity && opts.cleartype && el.style.filter) { 201 try { el.style.removeAttribute('filter'); } 202 catch(smother) {} // handle old opera versions 203 } 204 } 205 206// unbind event handlers 207 function destroy(cont, opts) { 208 if (opts.next) 209 $(opts.next).unbind(opts.prevNextEvent); 210 if (opts.prev) 211 $(opts.prev).unbind(opts.prevNextEvent); 212 213 if (opts.pager || opts.pagerAnchorBuilder) 214 $.each(opts.pagerAnchors || [], function() { 215 this.unbind().remove(); 216 }); 217 opts.pagerAnchors = null; 218 $(cont).unbind('mouseenter.cycle mouseleave.cycle'); 219 if (opts.destroy) // callback 220 opts.destroy(opts); 221 } 222 223// one-time initialization 224 function buildOptions($cont, $slides, els, options, o) { 225 var startingSlideSpecified; 226 // support metadata plugin (v1.0 and v2.0) 227 var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {}); 228 var meta = $.isFunction($cont.data) ? $cont.data(opts.metaAttr) : null; 229 if (meta) 230 opts = $.extend(opts, meta); 231 if (opts.autostop) 232 opts.countdown = opts.autostopCount || els.length; 233 234 var cont = $cont[0]; 235 $cont.data('cycle.opts', opts); 236 opts.$cont = $cont; 237 opts.stopCount = cont.cycleStop; 238 opts.elements = els; 239 opts.before = opts.before ? [opts.before] : []; 240 opts.after = opts.after ? [opts.after] : []; 241 242 // push some after callbacks 243 if (!$.support.opacity && opts.cleartype) 244 opts.after.push(function() { removeFilter(this, opts); }); 245 if (opts.continuous) 246 opts.after.push(function() { go(els,opts,0,!opts.backwards); }); 247 248 saveOriginalOpts(opts); 249 250 // clearType corrections 251 if (!$.support.opacity && opts.cleartype && !opts.cleartypeNoBg) 252 clearTypeFix($slides); 253 254 // container requires non-static position so that slides can be position within 255 if ($cont.css('position') == 'static') 256 $cont.css('position', 'relative'); 257 if (opts.width) 258 $cont.width(opts.width); 259 if (opts.height && opts.height != 'auto') 260 $cont.height(opts.height); 261 262 if (opts.startingSlide !== undefined) { 263 opts.startingSlide = parseInt(opts.startingSlide,10);
264 if (opts.startingSlide >= els.length || opts.startSlide < 0) 265 opts.startingSlide = 0; // catch bogus input 266 else 267 startingSlideSpecified = true; 268 } 269 else if (opts.backwards) 270 opts.startingSlide = els.length - 1; 271 else 272 opts.startingSlide = 0; 273 274 // if random, mix up the slide array 275 if (opts.random) { 276 opts.randomMap = []; 277 for (var i = 0; i < els.length; i++) 278 opts.randomMap.push(i); 279 opts.randomMap.sort(function(a,b) {return Math.random() - 0.5;}); 280 if (startingSlideSpecified) { 281 // try to find the specified starting slide and if found set start slide index in the map accordingly 282 for ( var cnt = 0; cnt < els.length; cnt++ ) { 283 if ( opts.startingSlide == opts.randomMap[cnt] ) { 284 opts.randomIndex = cnt; 285 } 286 } 287 } 288 else { 289 opts.randomIndex = 1; 290 opts.startingSlide = opts.randomMap[1]; 291 } 292 } 293 else if (opts.startingSlide >= els.length) 294 opts.startingSlide = 0; // catch bogus input 295 opts.currSlide = opts.startingSlide || 0; 296 var first = opts.startingSlide; 297 298 // set position and zIndex on all the slides 299 $slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) { 300 var z; 301 if (opts.backwards) 302 z = first ? i <= first ? els.length + (i-first) : first-i : els.length-i; 303 else 304 z = first ? i >= first ? els.length - (i-first) : first-i : els.length-i; 305 $(this).css('z-index', z); 306 }); 307 308 // make sure first slide is visible 309 $(els[first]).css('opacity',1).show(); // opacity bit needed to handle restart use case 310 removeFilter(els[first], opts); 311 312 // stretch slides 313 if (opts.fit) { 314 if (!opts.aspect) { 315 if (opts.width) 316 $slides.width(opts.width); 317 if (opts.height && opts.height != 'auto') 318 $slides.height(opts.height); 319 } else { 320 $slides.each(function(){ 321 var $slide = $(this); 322 var ratio = (opts.aspect === true) ? $slide.width()/$slide.height() : opts.aspect; 323 if( opts.width && $slide.width() != opts.width ) { 324 $slide.width( opts.width ); 325 $slide.height( opts.width / ratio ); 326 } 327 328 if( opts.height && $slide.height() < opts.height ) { 329 $slide.height( opts.height ); 330 $slide.width( opts.height * ratio ); 331 } 332 }); 333 } 334 } 335 336 if (opts.center && ((!opts.fit) || opts.aspect)) { 337 $slides.each(function(){ 338 var $slide = $(this); 339 $slide.css({ 340 "margin-left": opts.width ? 341 ((opts.width - $slide.width()) / 2) + "px" : 342 0, 343 "margin-top": opts.height ? 344 ((opts.height - $slide.height()) / 2) + "px" : 345 0 346 }); 347 }); 348 } 349 350 if (opts.center && !opts.fit && !opts.slideResize) { 351 $slides.each(function(){ 352 var $slide = $(this); 353 $slide.css({ 354 "margin-left": opts.width ? ((opts.width - $slide.width()) / 2) + "px" : 0, 355 "margin-top": opts.height ? ((opts.height - $slide.height()) / 2) + "px" : 0 356 }); 357 }); 358 } 359 360 // stretch container 361 var reshape = (opts.containerResize || opts.containerResizeHeight) && !$cont.innerHeight(); 362 if (reshape) { // do this only if container has no size http://tinyurl.com/da2oa9 363 var maxw = 0, maxh = 0; 364 for(var j=0; j < els.length; j++) { 365 var $e = $(els[j]), e = $e[0], w = $e.outerWidth(), h = $e.outerHeight();
366 if (!w) w = e.offsetWidth || e.width || $e.attr('width'); 367 if (!h) h = e.offsetHeight || e.height || $e.attr('height'); 368 maxw = w > maxw ? w : maxw; 369 maxh = h > maxh ? h : maxh; 370 } 371 if (opts.containerResize && maxw > 0 && maxh > 0) 372 $cont.css({width:maxw+'px',height:maxh+'px'}); 373 if (opts.containerResizeHeight && maxh > 0) 374 $cont.css({height:maxh+'px'}); 375 } 376 377 var pauseFlag = false; // https://github.com/malsup/cycle/issues/44 378 if (opts.pause) 379 $cont.bind('mouseenter.cycle', function(){ 380 pauseFlag = true; 381 this.cyclePause++; 382 triggerPause(cont, true); 383 }).bind('mouseleave.cycle', function(){ 384 if (pauseFlag) 385 this.cyclePause--; 386 triggerPause(cont, true); 387 }); 388 389 if (supportMultiTransitions(opts) === false) 390 return false; 391 392 // apparently a lot of people use image slideshows without height/width attributes on the images. 393 // Cycle 2.50+ requires the sizing info for every slide; this block tries to deal with that. 394 var requeue = false; 395 options.requeueAttempts = options.requeueAttempts || 0; 396 $slides.each(function() { 397 // try to get height/width of each slide 398 var $el = $(this); 399 this.cycleH = (opts.fit && opts.height) ? opts.height : ($el.height() || this.offsetHeight || this.height || $el.attr('height') || 0); 400 this.cycleW = (opts.fit && opts.width) ? opts.width : ($el.width() || this.offsetWidth || this.width || $el.attr('width') || 0); 401 402 if ( $el.is('img') ) { 403 var loading = (this.cycleH === 0 && this.cycleW === 0 && !this.complete); 404 // don't requeue for images that are still loading but have a valid size 405 if (loading) { 406 if (o.s && opts.requeueOnImageNotLoaded && ++options.requeueAttempts < 100) { // track retry count so we don't loop forever 407 log(options.requeueAttempts,' - img slide not loaded, requeuing slideshow: ', this.src, this.cycleW, this.cycleH); 408 setTimeout(function() {$(o.s,o.c).cycle(options);}, opts.requeueTimeout); 409 requeue = true; 410 return false; // break each loop 411 } 412 else { 413 log('could not determine size of image: '+this.src, this.cycleW, this.cycleH); 414 } 415 } 416 } 417 return true; 418 }); 419 420 if (requeue) 421 return false; 422 423 opts.cssBefore = opts.cssBefore || {}; 424 opts.cssAfter = opts.cssAfter || {}; 425 opts.cssFirst = opts.cssFirst || {}; 426 opts.animIn = opts.animIn || {}; 427 opts.animOut = opts.animOut || {}; 428 429 $slides.not(':eq('+first+')').css(opts.cssBefore); 430 $($slides[first]).css(opts.cssFirst); 431 432 if (opts.timeout) { 433 opts.timeout = parseInt(opts.timeout,10); 434 // ensure that timeout and speed settings are sane 435 if (opts.speed.constructor == String) 436 opts.speed = $.fx.speeds[opts.speed] || parseInt(opts.speed,10); 437 if (!opts.sync) 438 opts.speed = opts.speed / 2; 439 440 var buffer = opts.fx == 'none' ? 0 : opts.fx == 'shuffle' ? 500 : 250; 441 while((opts.timeout - opts.speed) < buffer) // sanitize timeout 442 opts.timeout += opts.speed; 443 } 444 if (opts.easing) 445 opts.easeIn = opts.easeOut = opts.easing; 446 if (!opts.speedIn) 447 opts.speedIn = opts.speed; 448 if (!opts.speedOut) 449 opts.speedOut = opts.speed; 450 451 opts.slideCount = els.length; 452 opts.currSlide = opts.lastSlide = first; 453 if (opts.random) { 454 if (++opts.randomIndex == els.length) 455 opts.randomIndex = 0; 456 opts.nextSlide = opts.randomMap[opts.randomIndex]; 457 } 458 else if (opts.backwards) 459 opts.nextSlide = opts.startingSlide === 0 ? (els.length-1) : opts.startingSlide-1; 460 else 461 opts.nextSlide = opts.startingSlide >= (els.length-1) ? 0 : opts.startingSlide+1; 462 463 // run transition init fn 464 if (!opts.multiFx) { 465 var init = $.fn.cycle.transitions[opts.fx]; 466 if ($.isFunction(init)) 467 init($cont, $slides, opts); 468 else if (opts.fx != 'custom' && !opts.multiFx) { 469 log('unknown transition: ' + opts.fx,'; slideshow terminating'); 470 return false; 471 } 472 } 473 474 // fire artificial events 475 var e0 = $slides[first]; 476 if (!opts.skipInitializationCallbacks) { 477 if (opts.before.length) 478 opts.before[0].apply(e0, [e0, e0, opts, true]); 479 if (opts.after.length) 480 opts.after[0].apply(e0, [e0, e0, opts, true]); 481 } 482 if (opts.next) 483 $(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,1);}); 484 if (opts.prev) 485 $(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,0);}); 486 if (opts.pager || opts.pagerAnchorBuilder) 487 buildPager(els,opts); 488 489 exposeAddSlide(opts, els); 490 491 return opts; 492 } 493 494// save off original opts so we can restore after clearing state 495 function saveOriginalOpts(opts) { 496 opts.original = { before: [], after: [] }; 497 opts.original.cssBefore = $.extend({}, opts.cssBefore); 498 opts.original.cssAfter = $.extend({}, opts.cssAfter); 499 opts.original.animIn = $.extend({}, opts.animIn); 500 opts.original.animOut = $.extend({}, opts.animOut); 501 $.each(opts.before, function() { opts.original.before.push(this); }); 502 $.each(opts.after, function() { opts.original.after.push(this); }); 503 } 504 505 function supportMultiTransitions(opts) { 506 var i, tx, txs = $.fn.cycle.transitions; 507 // look for multiple effects 508 if (opts.fx.indexOf(',') > 0) { 509 opts.multiFx = true; 510 opts.fxs = opts.fx.replace(/\s*/g,'').split(','); 511 // discard any bogus effect names 512 for (i=0; i < opts.fxs.length; i++) { 513 var fx = opts.fxs[i]; 514 tx = txs[fx]; 515 if (!tx || !txs.hasOwnProperty(fx) || !$.isFunction(tx)) { 516 log('discarding unknown transition: ',fx);
517 opts.fxs.splice(i,1); 518 i--; 519 } 520 } 521 // if we have an empty list then we threw everything away! 522 if (!opts.fxs.length) { 523 log('No valid transitions named; slideshow terminating.'); 524 return false; 525 } 526 } 527 else if (opts.fx == 'all') { // auto-gen the list of transitions 528 opts.multiFx = true; 529 opts.fxs = []; 530 for (var p in txs) { 531 if (txs.hasOwnProperty(p)) { 532 tx = txs[p]; 533 if (txs.hasOwnProperty(p) && $.isFunction(tx)) 534 opts.fxs.push(p); 535 } 536 } 537 } 538 if (opts.multiFx && opts.randomizeEffects) { 539 // munge the fxs array to make effect selection random 540 var r1 = Math.floor(Math.random() * 20) + 30; 541 for (i = 0; i < r1; i++) { 542 var r2 = Math.floor(Math.random() * opts.fxs.length); 543 opts.fxs.push(opts.fxs.splice(r2,1)[0]); 544 } 545 debug('randomized fx sequence: ',opts.fxs); 546 } 547 return true; 548 } 549 550// provide a mechanism for adding slides after the slideshow has started 551 function exposeAddSlide(opts, els) { 552 opts.addSlide = function(newSlide, prepend) { 553 var $s = $(newSlide), s = $s[0]; 554 if (!opts.autostopCount) 555 opts.countdown++; 556 els[prepend?'unshift':'push'](s); 557 if (opts.els) 558 opts.els[prepend?'unshift':'push'](s); // shuffle needs this 559 opts.slideCount = els.length; 560 561 // add the slide to the random map and resort 562 if (opts.random) { 563 opts.randomMap.push(opts.slideCount-1); 564 opts.randomMap.sort(function(a,b) {return Math.random() - 0.5;}); 565 } 566 567 $s.css('position','absolute'); 568 $s[prepend?'prependTo':'appendTo'](opts.$cont); 569 570 if (prepend) { 571 opts.currSlide++; 572 opts.nextSlide++; 573 } 574 575 if (!$.support.opacity && opts.cleartype && !opts.cleartypeNoBg) 576 clearTypeFix($s); 577 578 if (opts.fit && opts.width) 579 $s.width(opts.width); 580 if (opts.fit && opts.height && opts.height != 'auto') 581 $s.height(opts.height); 582 s.cycleH = (opts.fit && opts.height) ? opts.height : $s.height(); 583 s.cycleW = (opts.fit && opts.width) ? opts.width : $s.width(); 584 585 $s.css(opts.cssBefore); 586 587 if (opts.pager || opts.pagerAnchorBuilder) 588 $.fn.cycle.createPagerAnchor(els.length-1, s, $(opts.pager), els, opts); 589 590 if ($.isFunction(opts.onAddSlide)) 591 opts.onAddSlide($s); 592 else 593 $s.hide(); // default behavior 594 }; 595 } 596 597// reset internal state; we do this on every pass in order to support multiple effects 598 $.fn.cycle.resetState = function(opts, fx) { 599 fx = fx || opts.fx; 600 opts.before = []; opts.after = []; 601 opts.cssBefore = $.extend({}, opts.original.cssBefore); 602 opts.cssAfter = $.extend({}, opts.original.cssAfter); 603 opts.animIn = $.extend({}, opts.original.animIn); 604 opts.animOut = $.extend({}, opts.original.animOut); 605 opts.fxFn = null; 606 $.each(opts.original.before, function() { opts.before.push(this); }); 607 $.each(opts.original.after, function() { opts.after.push(this); }); 608 609 // re-init 610 var init = $.fn.cycle.transitions[fx]; 611 if ($.isFunction(init)) 612 init(opts.$cont, $(opts.elements), opts); 613 }; 614 615// this is the main engine fn, it handles the timeouts, callbacks and slide index mgmt 616 function go(els, opts, manual, fwd) { 617 var p = opts.$cont[0], curr = els[opts.currSlide], next = els[opts.nextSlide]; 618 619 // opts.busy is true if we're in the middle of an animation 620 if (manual && opts.busy && opts.manualTrump) { 621 // let manual transitions requests trump active ones 622 debug('manualTrump in go(), stopping active transition'); 623 $(els).stop(true,true); 624 opts.busy = 0; 625 clearTimeout(p.cycleTimeout); 626 } 627 628 // don't begin another timeout-based transition if there is one active 629 if (opts.busy) { 630 debug('transition active, ignoring new tx request'); 631 return; 632 } 633 634 635 // stop cycling if we have an outstanding stop request 636 if (p.cycleStop != opts.stopCount || p.cycleTimeout === 0 && !manual) 637 return; 638 639 // check to see if we should stop cycling based on autostop options
640 if (!manual && !p.cyclePause && !opts.bounce && 641 ((opts.autostop && (--opts.countdown <= 0)) || 642 (opts.nowrap && !opts.random && opts.nextSlide < opts.currSlide))) { 643 if (opts.end) 644 opts.end(opts); 645 return; 646 } 647 648 // if slideshow is paused, only transition on a manual trigger 649 var changed = false; 650 if ((manual || !p.cyclePause) && (opts.nextSlide != opts.currSlide)) { 651 changed = true; 652 var fx = opts.fx; 653 // keep trying to get the slide size if we don't have it yet 654 curr.cycleH = curr.cycleH || $(curr).height(); 655 curr.cycleW = curr.cycleW || $(curr).width(); 656 next.cycleH = next.cycleH || $(next).height(); 657 next.cycleW = next.cycleW || $(next).width(); 658 659 // support multiple transition types 660 if (opts.multiFx) { 661 if (fwd && (opts.lastFx === undefined || ++opts.lastFx >= opts.fxs.length)) 662 opts.lastFx = 0; 663 else if (!fwd && (opts.lastFx === undefined || --opts.lastFx < 0)) 664 opts.lastFx = opts.fxs.length - 1; 665 fx = opts.fxs[opts.lastFx]; 666 } 667 668 // one-time fx overrides apply to: $('div').cycle(3,'zoom'); 669 if (opts.oneTimeFx) { 670 fx = opts.oneTimeFx; 671 opts.oneTimeFx = null; 672 } 673 674 $.fn.cycle.resetState(opts, fx); 675 676 // run the before callbacks 677 if (opts.before.length) 678 $.each(opts.before, function(i,o) { 679 if (p.cycleStop != opts.stopCount) return; 680 o.apply(next, [curr, next, opts, fwd]); 681 }); 682 683 // stage the after callacks 684 var after = function() { 685 opts.busy = 0; 686 $.each(opts.after, function(i,o) { 687 if (p.cycleStop != opts.stopCount) return; 688 o.apply(next, [curr, next, opts, fwd]); 689 }); 690 if (!p.cycleStop) { 691 // queue next transition 692 queueNext(); 693 } 694 }; 695 696 debug('tx firing('+fx+'); currSlide: ' + opts.currSlide + '; nextSlide: ' + opts.nextSlide); 697 698 // get ready to perform the transition 699 opts.busy = 1; 700 if (opts.fxFn) // fx function provided? 701 opts.fxFn(curr, next, opts, after, fwd, manual && opts.fastOnEvent); 702 else if ($.isFunction($.fn.cycle[opts.fx])) // fx plugin ? 703 $.fn.cycle[opts.fx](curr, next, opts, after, fwd, manual && opts.fastOnEvent); 704 else 705 $.fn.cycle.custom(curr, next, opts, after, fwd, manual && opts.fastOnEvent); 706 } 707 else { 708 queueNext(); 709 } 710 711 if (changed || opts.nextSlide == opts.currSlide) { 712 // calculate the next slide 713 var roll; 714 opts.lastSlide = opts.currSlide; 715 if (opts.random) { 716 opts.currSlide = opts.nextSlide; 717 if (++opts.randomIndex == els.length) { 718 opts.randomIndex = 0; 719 opts.randomMap.sort(function(a,b) {return Math.random() - 0.5;}); 720 } 721 opts.nextSlide = opts.randomMap[opts.randomIndex]; 722 if (opts.nextSlide == opts.currSlide) 723 opts.nextSlide = (opts.currSlide == opts.slideCount - 1) ? 0 : opts.currSlide + 1; 724 } 725 else if (opts.backwards) { 726 roll = (opts.nextSlide - 1) < 0; 727 if (roll && opts.bounce) { 728 opts.backwards = !opts.backwards; 729 opts.nextSlide = 1; 730 opts.currSlide = 0; 731 } 732 else { 733 opts.nextSlide = roll ? (els.length-1) : opts.nextSlide-1; 734 opts.currSlide = roll ? 0 : opts.nextSlide+1; 735 } 736 } 737 else { // sequence 738 roll = (opts.nextSlide + 1) == els.length; 739 if (roll && opts.bounce) { 740 opts.backwards = !opts.backwards; 741 opts.nextSlide = els.length-2; 742 opts.currSlide = els.length-1; 743 } 744 else { 745 opts.nextSlide = roll ? 0 : opts.nextSlide+1; 746 opts.currSlide = roll ? els.length-1 : opts.nextSlide-1; 747 } 748 } 749 } 750 if (changed && opts.pager) 751 opts.updateActivePagerLink(opts.pager, opts.currSlide, opts.activePagerClass); 752 753 function queueNext() { 754 // stage the next transition 755 var ms = 0, timeout = opts.timeout; 756 if (opts.timeout && !opts.continuous) { 757 ms = getTimeout(els[opts.currSlide], els[opts.nextSlide], opts, fwd); 758 if (opts.fx == 'shuffle') 759 ms -= opts.speedOut; 760 } 761 else if (opts.continuous && p.cyclePause) // continuous shows work off an after callback, not this timer logic 762 ms = 10; 763 if (ms > 0) 764 p.cycleTimeout = setTimeout(function(){ go(els, opts, 0, !opts.backwards); }, ms); 765 } 766 } 767 768// invoked after transition 769 $.fn.cycle.updateActivePagerLink = function(pager, currSlide, clsName) { 770 $(pager).each(function() { 771 $(this).children().removeClass(clsName).eq(currSlide).addClass(clsName); 772 }); 773 }; 774 775// calculate timeout value for current transition 776 function getTimeout(curr, next, opts, fwd) { 777 if (opts.timeoutFn) { 778 // call user provided calc fn 779 var t = opts.timeoutFn.call(curr,curr,next,opts,fwd); 780 while (opts.fx != 'none' && (t - opts.speed) < 250) // sanitize timeout 781 t += opts.speed;
782 debug('calculated timeout: ' + t + '; speed: ' + opts.speed); 783 if (t !== false) 784 return t; 785 } 786 return opts.timeout; 787 } 788 789// expose next/prev function, caller must pass in state 790 $.fn.cycle.next = function(opts) { advance(opts,1); }; 791 $.fn.cycle.prev = function(opts) { advance(opts,0);}; 792 793// advance slide forward or back 794 function advance(opts, moveForward) { 795 var val = moveForward ? 1 : -1; 796 var els = opts.elements; 797 var p = opts.$cont[0], timeout = p.cycleTimeout; 798 if (timeout) { 799 clearTimeout(timeout); 800 p.cycleTimeout = 0; 801 } 802 if (opts.random && val < 0) { 803 // move back to the previously display slide 804 opts.randomIndex--; 805 if (--opts.randomIndex == -2) 806 opts.randomIndex = els.length-2; 807 else if (opts.randomIndex == -1) 808 opts.randomIndex = els.length-1; 809 opts.nextSlide = opts.randomMap[opts.randomIndex]; 810 } 811 else if (opts.random) { 812 opts.nextSlide = opts.randomMap[opts.randomIndex]; 813 } 814 else { 815 opts.nextSlide = opts.currSlide + val; 816 if (opts.nextSlide < 0) { 817 if (opts.nowrap) return false; 818 opts.nextSlide = els.length - 1; 819 } 820 else if (opts.nextSlide >= els.length) { 821 if (opts.nowrap) return false; 822 opts.nextSlide = 0; 823 } 824 } 825 826 var cb = opts.onPrevNextEvent || opts.prevNextClick; // prevNextClick is deprecated 827 if ($.isFunction(cb)) 828 cb(val > 0, opts.nextSlide, els[opts.nextSlide]); 829 go(els, opts, 1, moveForward); 830 return false; 831 } 832 833 function buildPager(els, opts) { 834 var $p = $(opts.pager); 835 $.each(els, function(i,o) { 836 $.fn.cycle.createPagerAnchor(i,o,$p,els,opts); 837 }); 838 opts.updateActivePagerLink(opts.pager, opts.startingSlide, opts.activePagerClass); 839 } 840 841 $.fn.cycle.createPagerAnchor = function(i, el, $p, els, opts) { 842 var a; 843 if ($.isFunction(opts.pagerAnchorBuilder)) { 844 a = opts.pagerAnchorBuilder(i,el); 845 debug('pagerAnchorBuilder('+i+', el) returned: ' + a); 846 } 847 else 848 a = '<a href="#">'+(i+1)+'</a>'; 849 850 if (!a) 851 return; 852 var $a = $(a); 853 // don't reparent if anchor is in the dom 854 if ($a.parents('body').length === 0) { 855 var arr = []; 856 if ($p.length > 1) { 857 $p.each(function() { 858 var $clone = $a.clone(true); 859 $(this).append($clone); 860 arr.push($clone[0]); 861 }); 862 $a = $(arr); 863 } 864 else { 865 $a.appendTo($p); 866 } 867 } 868 869 opts.pagerAnchors = opts.pagerAnchors || []; 870 opts.pagerAnchors.push($a); 871 872 var pagerFn = function(e) { 873 e.preventDefault(); 874 opts.nextSlide = i; 875 var p = opts.$cont[0], timeout = p.cycleTimeout; 876 if (timeout) { 877 clearTimeout(timeout); 878 p.cycleTimeout = 0; 879 } 880 var cb = opts.onPagerEvent || opts.pagerClick; // pagerClick is deprecated 881 if ($.isFunction(cb)) 882 cb(opts.nextSlide, els[opts.nextSlide]); 883 go(els,opts,1,opts.currSlide < i); // trigger the trans 884// return false; // <== allow bubble 885 }; 886 887 if ( /mouseenter|mouseover/i.test(opts.pagerEvent) ) { 888 $a.hover(pagerFn, function(){/* no-op */} ); 889 } 890 else { 891 $a.bind(opts.pagerEvent, pagerFn); 892 } 893 894 if ( ! /^click/.test(opts.pagerEvent) && !opts.allowPagerClickBubble) 895 $a.bind('click.cycle', function(){return false;}); // suppress click 896 897 var cont = opts.$cont[0]; 898 var pauseFlag = false; // https://github.com/malsup/cycle/issues/44 899 if (opts.pauseOnPagerHover) { 900 $a.hover( 901 function() { 902 pauseFlag = true; 903 cont.cyclePause++; 904 triggerPause(cont,true,true); 905 }, function() { 906 if (pauseFlag) 907 cont.cyclePause--; 908 triggerPause(cont,true,true); 909 } 910 ); 911 } 912 }; 913 914// helper fn to calculate the number of slides between the current and the next 915 $.fn.cycle.hopsFromLast = function(opts, fwd) { 916 var hops, l = opts.lastSlide, c = opts.currSlide; 917 if (fwd) 918 hops = c > l ? c - l : opts.slideCount - l; 919 else 920 hops = c < l ? l - c : l + opts.slideCount - c; 921 return hops; 922 }; 923 924// fix clearType problems in ie6 by setting an explicit bg color 925// (otherwise text slides look horrible during a fade transition) 926 function clearTypeFix($slides) { 927 debug('applying clearType background-color hack'); 928 function hex(s) { 929 s = parseInt(s,10).toString(16); 930 return s.length < 2 ? '0'+s : s; 931 } 932 function getBg(e) { 933 for ( ; e && e.nodeName.toLowerCase() != 'html'; e = e.parentNode) { 934 var v = $.css(e,'background-color'); 935 if (v && v.indexOf('rgb') >= 0 ) { 936 var rgb = v.match(/\d+/g); 937 return '#'+ hex(rgb[0]) + hex(rgb[1]) + hex(rgb[2]); 938 } 939 if (v && v != 'transparent') 940 return v; 941 } 942 return '#ffffff'; 943 } 944 $slides.each(function() { $(this).css('background-color', getBg(this)); }); 945 } 946 947// reset common props before the next transition 948 $.fn.cycle.commonReset = function(curr,next,opts,w,h,rev) { 949 $(opts.elements).not(curr).hide(); 950 if (typeof opts.cssBefore.opacity == 'undefined') 951 opts.cssBefore.opacity = 1; 952 opts.cssBefore.display = 'block'; 953 if (opts.slideResize && w !== false && next.cycleW > 0) 954 opts.cssBefore.width = next.cycleW; 955 if (opts.slideResize && h !== false && next.cycleH > 0) 956 opts.cssBefore.height = next.cycleH; 957 opts.cssAfter = opts.cssAfter || {}; 958 opts.cssAfter.display = 'none'; 959 $(curr).css('zIndex',opts.slideCount + (rev === true ? 1 : 0)); 960 $(next).css('zIndex',opts.slideCount + (rev === true ? 0 : 1)); 961 }; 962 963// the actual fn for effecting a transition 964 $.fn.cycle.custom = function(curr, next, opts, cb, fwd, speedOverride) { 965 var $l = $(curr), $n = $(next); 966 var speedIn = opts.speedIn, speedOut = opts.speedOut, easeIn = opts.easeIn, easeOut = opts.easeOut; 967 $n.css(opts.cssBefore); 968 if (speedOverride) { 969 if (typeof speedOverride == 'number') 970 speedIn = speedOut = speedOverride; 971 else 972 speedIn = speedOut = 1; 973 easeIn = easeOut = null; 974 } 975 var fn = function() { 976 $n.animate(opts.animIn, speedIn, easeIn, function() { 977 cb(); 978 }); 979 }; 980 $l.animate(opts.animOut, speedOut, easeOut, function() { 981 $l.css(opts.cssAfter); 982 if (!opts.sync) 983 fn(); 984 }); 985 if (opts.sync) fn(); 986 }; 987 988// transition definitions - only fade is defined here, transition pack defines the rest 989 $.fn.cycle.transitions = { 990 fade: function($cont, $slides, opts) { 991 $slides.not(':eq('+opts.currSlide+')').css('opacity',0); 992 opts.before.push(function(curr,next,opts) { 993 $.fn.cycle.commonReset(curr,next,opts); 994 opts.cssBefore.opacity = 0; 995 }); 996 opts.animIn = { opacity: 1 }; 997 opts.animOut = { opacity: 0 }; 998 opts.cssBefore = { top: 0, left: 0 }; 999 } 1000 }; 1001 1002 $.fn.cycle.ver = function() { return ver; }; 1003 1004// override these globally if you like (they are all optional) 1005 $.fn.cycle.defaults = {
1006 activePagerClass: 'activeSlide', // class name used for the active pager link 1007 after: null, // transition callback (scope set to element that was shown): function(currSlideElement, nextSlideElement, options, forwardFlag) 1008 allowPagerClickBubble: false, // allows or prevents click event on pager anchors from bubbling 1009 animIn: null, // properties that define how the slide animates in 1010 animOut: null, // properties that define how the slide animates out 1011 aspect: false, // preserve aspect ratio during fit resizing, cropping if necessary (must be used with fit option) 1012 autostop: 0, // true to end slideshow after X transitions (where X == slide count) 1013 autostopCount: 0, // number of transitions (optionally used with autostop to define X) 1014 backwards: false, // true to start slideshow at last slide and move backwards through the stack 1015 before: null, // transition callback (scope set to element to be shown): function(currSlideElement, nextSlideElement, options, forwardFlag) 1016 center: null, // set to true to have cycle add top/left margin to each slide (use with width and height options) 1017 cleartype: !$.support.opacity, // true if clearType corrections should be applied (for IE) 1018 cleartypeNoBg: false, // set to true to disable extra cleartype fixing (leave false to force background color setting on slides) 1019 containerResize: 1, // resize container to fit largest slide 1020 containerResizeHeight: 0, // resize containers height to fit the largest slide but leave the width dynamic 1021 continuous: 0, // true to start next transition immediately after current one completes 1022 cssAfter: null, // properties that defined the state of the slide after transitioning out 1023 cssBefore: null, // properties that define the initial state of the slide before transitioning in 1024 delay: 0, // additional delay (in ms) for first transition (hint: can be negative) 1025 easeIn: null, // easing for "in" transition 1026 easeOut: null, // easing for "out" transition 1027 easing: null, // easing method for both in and out transitions 1028 end: null, // callback invoked when the slideshow terminates (use with autostop or nowrap options): function(options) 1029 fastOnEvent: 0, // force fast transitions when triggered manually (via pager or prev/next); value == time in ms 1030 fit: 0, // force slides to fit container 1031 fx: 'fade', // name of transition effect (or comma separated names, ex: 'fade,scrollUp,shuffle') 1032 fxFn: null, // function used to control the transition: function(currSlideElement, nextSlideElement, options, afterCalback, forwardFlag) 1033 height: 'auto', // container height (if the 'fit' option is true, the slides will be set to this height as well) 1034 manualTrump: true, // causes manual transition to stop an active transition instead of being ignored 1035 metaAttr: 'cycle', // data- attribute that holds the option data for the slideshow 1036 next: null, // element, jQuery object, or jQuery selector string for the element to use as event trigger for next slide 1037 nowrap: 0, // true to prevent slideshow from wrapping 1038 onPagerEvent: null, // callback fn for pager events: function(zeroBasedSlideIndex, slideElement) 1039 onPrevNextEvent: null, // callback fn for prev/next events: function(isNext, zeroBasedSlideIndex, slideElement) 1040 pager: null, // element, jQuery object, or jQuery selector string for the element to use as pager container 1041 pagerAnchorBuilder: null, // callback fn for building anchor links: function(index, DOMelement) 1042 pagerEvent: 'click.cycle', // name of event which drives the pager navigation 1043 pause: 0, // true to enable "pause on hover" 1044 pauseOnPagerHover: 0, // true to pause when hovering over pager link 1045 prev: null, // element, jQuery object, or jQuery selector string for the element to use as event trigger for previous slide 1046 prevNextEvent: 'click.cycle',// event which drives the manual transition to the previous or next slide 1047 random: 0, // true for random, false for sequence (not applicable to shuffle fx) 1048 randomizeEffects: 1, // valid when multiple effects are used; true to make the effect sequence random 1049 requeueOnImageNotLoaded: true, // requeue the slideshow if any image slides are not yet loaded 1050 requeueTimeout: 250, // ms delay for requeue 1051 rev: 0, // causes animations to transition in reverse (for effects that support it such as scrollHorz/scrollVert/shuffle) 1052 shuffle: null, // coords for shuffle animation, ex: { top:15, left: 200 } 1053 skipInitializationCallbacks: false, // set to true to disable the first before/after callback that occurs prior to any transition 1054 slideExpr: null, // expression for selecting slides (if something other than all children is required) 1055 slideResize: 1, // force slide width/height to fixed size before every transition 1056 speed: 1000, // speed of the transition (any valid fx speed value) 1057 speedIn: null, // speed of the 'in' transition 1058 speedOut: null, // speed of the 'out' transition 1059 startingSlide: undefined,// zero-based index of the first slide to be displayed 1060 sync: 1, // true if in/out transitions should occur simultaneously 1061 timeout: 4000, // milliseconds between slide transitions (0 to disable auto advance) 1062 timeoutFn: null, // callback for determining per-slide timeout value: function(currSlideElement, nextSlideElement, options, forwardFlag) 1063 updateActivePagerLink: null,// callback fn invoked to update the active pager link (adds/removes activePagerClass style) 1064 width: null // container width (if the 'fit' option is true, the slides will be set to this width as well) 1065 }; 1066 1067})(jQuery); 1068 1069 1070/*! 1071 * jQuery Cycle Plugin Transition Definitions 1072 * This script is a plugin for the jQuery Cycle Plugin 1073 * Examples and documentation at: http://malsup.com/jquery/cycle/ 1074 * Copyright (c) 2007-2010 M. Alsup 1075 * Version: 2.73 1076 * Dual licensed under the MIT and GPL licenses: 1077 * http://www.opensource.org/licenses/mit-license.php 1078 * http://www.gnu.org/licenses/gpl.html 1079 */ 1080(function($) { 1081 "use strict"; 1082 1083// 1084// These functions define slide initialization and properties for the named 1085// transitions. To save file size feel free to remove any of these that you 1086// don't need. 1087// 1088 $.fn.cycle.transitions.none = function($cont, $slides, opts) { 1089 opts.fxFn = function(curr,next,opts,after){
1090 $(next).show(); 1091 $(curr).hide(); 1092 after(); 1093 }; 1094 }; 1095 1096// not a cross-fade, fadeout only fades out the top slide 1097 $.fn.cycle.transitions.fadeout = function($cont, $slides, opts) { 1098 $slides.not(':eq('+opts.currSlide+')').css({ display: 'block', 'opacity': 1 }); 1099 opts.before.push(function(curr,next,opts,w,h,rev) { 1100 $(curr).css('zIndex',opts.slideCount + (rev !== true ? 1 : 0)); 1101 $(next).css('zIndex',opts.slideCount + (rev !== true ? 0 : 1)); 1102 }); 1103 opts.animIn.opacity = 1; 1104 opts.animOut.opacity = 0; 1105 opts.cssBefore.opacity = 1; 1106 opts.cssBefore.display = 'block'; 1107 opts.cssAfter.zIndex = 0; 1108 }; 1109 1110// scrollUp/Down/Left/Right 1111 $.fn.cycle.transitions.scrollUp = function($cont, $slides, opts) { 1112 $cont.css('overflow','hidden'); 1113 opts.before.push($.fn.cycle.commonReset); 1114 var h = $cont.height(); 1115 opts.cssBefore.top = h; 1116 opts.cssBefore.left = 0; 1117 opts.cssFirst.top = 0; 1118 opts.animIn.top = 0; 1119 opts.animOut.top = -h; 1120 }; 1121 $.fn.cycle.transitions.scrollDown = function($cont, $slides, opts) { 1122 $cont.css('overflow','hidden'); 1123 opts.before.push($.fn.cycle.commonReset); 1124 var h = $cont.height(); 1125 opts.cssFirst.top = 0; 1126 opts.cssBefore.top = -h; 1127 opts.cssBefore.left = 0; 1128 opts.animIn.top = 0; 1129 opts.animOut.top = h; 1130 }; 1131 $.fn.cycle.transitions.scrollLeft = function($cont, $slides, opts) { 1132 $cont.css('overflow','hidden'); 1133 opts.before.push($.fn.cycle.commonReset); 1134 var w = $cont.width(); 1135 opts.cssFirst.left = 0; 1136 opts.cssBefore.left = w; 1137 opts.cssBefore.top = 0; 1138 opts.animIn.left = 0; 1139 opts.animOut.left = 0-w; 1140 }; 1141 $.fn.cycle.transitions.scrollRight = function($cont, $slides, opts) { 1142 $cont.css('overflow','hidden'); 1143 opts.before.push($.fn.cycle.commonReset); 1144 var w = $cont.width(); 1145 opts.cssFirst.left = 0; 1146 opts.cssBefore.left = -w; 1147 opts.cssBefore.top = 0; 1148 opts.animIn.left = 0; 1149 opts.animOut.left = w; 1150 }; 1151 $.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) { 1152 $cont.css('overflow','hidden').width(); 1153 opts.before.push(function(curr, next, opts, fwd) { 1154 if (opts.rev) 1155 fwd = !fwd; 1156 $.fn.cycle.commonReset(curr,next,opts); 1157 opts.cssBefore.left = fwd ? (next.cycleW-1) : (1-next.cycleW); 1158 opts.animOut.left = fwd ? -curr.cycleW : curr.cycleW; 1159 }); 1160 opts.cssFirst.left = 0; 1161 opts.cssBefore.top = 0; 1162 opts.animIn.left = 0; 1163 opts.animOut.top = 0; 1164 }; 1165 $.fn.cycle.transitions.scrollVert = function($cont, $slides, opts) { 1166 $cont.css('overflow','hidden'); 1167 opts.before.push(function(curr, next, opts, fwd) { 1168 if (opts.rev) 1169 fwd = !fwd; 1170 $.fn.cycle.commonReset(curr,next,opts); 1171 opts.cssBefore.top = fwd ? (1-next.cycleH) : (next.cycleH-1); 1172 opts.animOut.top = fwd ? curr.cycleH : -curr.cycleH; 1173 }); 1174 opts.cssFirst.top = 0; 1175 opts.cssBefore.left = 0; 1176 opts.animIn.top = 0; 1177 opts.animOut.left = 0; 1178 }; 1179 1180// slideX/slideY 1181 $.fn.cycle.transitions.slideX = function($cont, $slides, opts) { 1182 opts.before.push(function(curr, next, opts) { 1183 $(opts.elements).not(curr).hide(); 1184 $.fn.cycle.commonReset(curr,next,opts,false,true); 1185 opts.animIn.width = next.cycleW; 1186 }); 1187 opts.cssBefore.left = 0; 1188 opts.cssBefore.top = 0; 1189 opts.cssBefore.width = 0; 1190 opts.animIn.width = 'show'; 1191 opts.animOut.width = 0; 1192 }; 1193 $.fn.cycle.transitions.slideY = function($cont, $slides, opts) { 1194 opts.before.push(function(curr, next, opts) { 1195 $(opts.elements).not(curr).hide(); 1196 $.fn.cycle.commonReset(curr,next,opts,true,false); 1197 opts.animIn.height = next.cycleH; 1198 }); 1199 opts.cssBefore.left = 0; 1200 opts.cssBefore.top = 0; 1201 opts.cssBefore.height = 0; 1202 opts.animIn.height = 'show'; 1203 opts.animOut.height = 0; 1204 }; 1205 1206// shuffle 1207 $.fn.cycle.transitions.shuffle = function($cont, $slides, opts) { 1208 var i, w = $cont.css('overflow', 'visible').width(); 1209 $slides.css({left: 0, top: 0}); 1210 opts.before.push(function(curr,next,opts) { 1211 $.fn.cycle.commonReset(curr,next,opts,true,true,true); 1212 }); 1213 // only adjust speed once! 1214 if (!opts.speedAdjusted) { 1215 opts.speed = opts.speed / 2; // shuffle has 2 transitions 1216 opts.speedAdjusted = true; 1217 } 1218 opts.random = 0; 1219 opts.shuffle = opts.shuffle || {left:-w, top:15}; 1220 opts.els = []; 1221 for (i=0; i < $slides.length; i++) 1222 opts.els.push($slides[i]); 1223 1224 for (i=0; i < opts.currSlide; i++) 1225 opts.els.push(opts.els.shift()); 1226 1227 // custom transition fn (hat tip to Benjamin Sterling for this bit of sweetness!) 1228 opts.fxFn = function(curr, next, opts, cb, fwd) { 1229 if (opts.rev) 1230 fwd = !fwd; 1231 var $el = fwd ? $(curr) : $(next); 1232 $(next).css(opts.cssBefore); 1233 var count = opts.slideCount; 1234 $el.animate(opts.shuffle, opts.speedIn, opts.easeIn, function() { 1235 var hops = $.fn.cycle.hopsFromLast(opts, fwd); 1236 for (var k=0; k < hops; k++) { 1237 if (fwd) 1238 opts.els.push(opts.els.shift()); 1239 else 1240 opts.els.unshift(opts.els.pop()); 1241 } 1242 if (fwd) { 1243 for (var i=0, len=opts.els.length; i < len; i++) 1244 $(opts.els[i]).css('z-index', len-i+count); 1245 } 1246 else { 1247 var z = $(curr).css('z-index'); 1248 $el.css('z-index', parseInt(z,10)+1+count); 1249 } 1250 $el.animate({left:0, top:0}, opts.speedOut, opts.easeOut, function() {
1251 $(fwd ? this : curr).hide(); 1252 if (cb) cb(); 1253 }); 1254 }); 1255 }; 1256 $.extend(opts.cssBefore, { display: 'block', opacity: 1, top: 0, left: 0 }); 1257 }; 1258 1259// turnUp/Down/Left/Right 1260 $.fn.cycle.transitions.turnUp = function($cont, $slides, opts) { 1261 opts.before.push(function(curr, next, opts) { 1262 $.fn.cycle.commonReset(curr,next,opts,true,false); 1263 opts.cssBefore.top = next.cycleH; 1264 opts.animIn.height = next.cycleH; 1265 opts.animOut.width = next.cycleW; 1266 }); 1267 opts.cssFirst.top = 0; 1268 opts.cssBefore.left = 0; 1269 opts.cssBefore.height = 0; 1270 opts.animIn.top = 0; 1271 opts.animOut.height = 0; 1272 }; 1273 $.fn.cycle.transitions.turnDown = function($cont, $slides, opts) { 1274 opts.before.push(function(curr, next, opts) { 1275 $.fn.cycle.commonReset(curr,next,opts,true,false); 1276 opts.animIn.height = next.cycleH; 1277 opts.animOut.top = curr.cycleH; 1278 }); 1279 opts.cssFirst.top = 0; 1280 opts.cssBefore.left = 0; 1281 opts.cssBefore.top = 0; 1282 opts.cssBefore.height = 0; 1283 opts.animOut.height = 0; 1284 }; 1285 $.fn.cycle.transitions.turnLeft = function($cont, $slides, opts) { 1286 opts.before.push(function(curr, next, opts) { 1287 $.fn.cycle.commonReset(curr,next,opts,false,true); 1288 opts.cssBefore.left = next.cycleW; 1289 opts.animIn.width = next.cycleW; 1290 }); 1291 opts.cssBefore.top = 0; 1292 opts.cssBefore.width = 0; 1293 opts.animIn.left = 0; 1294 opts.animOut.width = 0; 1295 }; 1296 $.fn.cycle.transitions.turnRight = function($cont, $slides, opts) { 1297 opts.before.push(function(curr, next, opts) { 1298 $.fn.cycle.commonReset(curr,next,opts,false,true); 1299 opts.animIn.width = next.cycleW; 1300 opts.animOut.left = curr.cycleW; 1301 }); 1302 $.extend(opts.cssBefore, { top: 0, left: 0, width: 0 }); 1303 opts.animIn.left = 0; 1304 opts.animOut.width = 0; 1305 }; 1306 1307// zoom 1308 $.fn.cycle.transitions.zoom = function($cont, $slides, opts) { 1309 opts.before.push(function(curr, next, opts) { 1310 $.fn.cycle.commonReset(curr,next,opts,false,false,true); 1311 opts.cssBefore.top = next.cycleH/2; 1312 opts.cssBefore.left = next.cycleW/2; 1313 $.extend(opts.animIn, { top: 0, left: 0, width: next.cycleW, height: next.cycleH }); 1314 $.extend(opts.animOut, { width: 0, height: 0, top: curr.cycleH/2, left: curr.cycleW/2 }); 1315 }); 1316 opts.cssFirst.top = 0; 1317 opts.cssFirst.left = 0; 1318 opts.cssBefore.width = 0; 1319 opts.cssBefore.height = 0; 1320 }; 1321 1322// fadeZoom 1323 $.fn.cycle.transitions.fadeZoom = function($cont, $slides, opts) { 1324 opts.before.push(function(curr, next, opts) { 1325 $.fn.cycle.commonReset(curr,next,opts,false,false); 1326 opts.cssBefore.left = next.cycleW/2; 1327 opts.cssBefore.top = next.cycleH/2; 1328 $.extend(opts.animIn, { top: 0, left: 0, width: next.cycleW, height: next.cycleH }); 1329 }); 1330 opts.cssBefore.width = 0; 1331 opts.cssBefore.height = 0; 1332 opts.animOut.opacity = 0; 1333 }; 1334 1335// blindX 1336 $.fn.cycle.transitions.blindX = function($cont, $slides, opts) { 1337 var w = $cont.css('overflow','hidden').width(); 1338 opts.before.push(function(curr, next, opts) { 1339 $.fn.cycle.commonReset(curr,next,opts); 1340 opts.animIn.width = next.cycleW; 1341 opts.animOut.left = curr.cycleW; 1342 }); 1343 opts.cssBefore.left = w; 1344 opts.cssBefore.top = 0; 1345 opts.animIn.left = 0; 1346 opts.animOut.left = w; 1347 }; 1348// blindY 1349 $.fn.cycle.transitions.blindY = function($cont, $slides, opts) { 1350 var h = $cont.css('overflow','hidden').height(); 1351 opts.before.push(function(curr, next, opts) { 1352 $.fn.cycle.commonReset(curr,next,opts); 1353 opts.animIn.height = next.cycleH; 1354 opts.animOut.top = curr.cycleH; 1355 }); 1356 opts.cssBefore.top = h; 1357 opts.cssBefore.left = 0; 1358 opts.animIn.top = 0; 1359 opts.animOut.top = h; 1360 }; 1361// blindZ 1362 $.fn.cycle.transitions.blindZ = function($cont, $slides, opts) { 1363 var h = $cont.css('overflow','hidden').height(); 1364 var w = $cont.width(); 1365 opts.before.push(function(curr, next, opts) { 1366 $.fn.cycle.commonReset(curr,next,opts); 1367 opts.animIn.height = next.cycleH; 1368 opts.animOut.top = curr.cycleH; 1369 }); 1370 opts.cssBefore.top = h; 1371 opts.cssBefore.left = w; 1372 opts.animIn.top = 0; 1373 opts.animIn.left = 0; 1374 opts.animOut.top = h; 1375 opts.animOut.left = w; 1376 }; 1377 1378// growX - grow horizontally from centered 0 width 1379 $.fn.cycle.transitions.growX = function($cont, $slides, opts) { 1380 opts.before.push(function(curr, next, opts) { 1381 $.fn.cycle.commonReset(curr,next,opts,false,true); 1382 opts.cssBefore.left = this.cycleW/2; 1383 opts.animIn.left = 0; 1384 opts.animIn.width = this.cycleW; 1385 opts.animOut.left = 0; 1386 }); 1387 opts.cssBefore.top = 0; 1388 opts.cssBefore.width = 0; 1389 }; 1390// growY - grow vertically from centered 0 height 1391 $.fn.cycle.transitions.growY = function($cont, $slides, opts) { 1392 opts.before.push(function(curr, next, opts) { 1393 $.fn.cycle.commonReset(curr,next,opts,true,false); 1394 opts.cssBefore.top = this.cycleH/2; 1395 opts.animIn.top = 0; 1396 opts.animIn.height = this.cycleH; 1397 opts.animOut.top = 0; 1398 }); 1399 opts.cssBefore.height = 0; 1400 opts.cssBefore.left = 0; 1401 }; 1402 1403// curtainX - squeeze in both edges horizontally 1404 $.fn.cycle.transitions.curtainX = function($cont, $slides, opts) { 1405 opts.before.push(function(curr, next, opts) { 1406 $.fn.cycle.commonReset(curr,next,opts,false,true,true); 1407 opts.cssBefore.left = next.cycleW/2; 1408 opts.animIn.left = 0; 1409 opts.animIn.width = this.cycleW; 1410 opts.animOut.left = curr.cycleW/2; 1411 opts.animOut.width = 0; 1412 }); 1413 opts.cssBefore.top = 0; 1414 opts.cssBefore.width = 0; 1415 }; 1416// curtainY - squeeze in both edges vertically 1417 $.fn.cycle.transitions.curtainY = function($cont, $slides, opts) { 1418 opts.before.push(function(curr, next, opts) { 1419 $.fn.cycle.commonReset(curr,next,opts,true,false,true); 1420 opts.cssBefore.top = next.cycleH/2; 1421 opts.animIn.top = 0; 1422 opts.animIn.height = next.cycleH; 1423 opts.animOut.top = curr.cycleH/2; 1424 opts.animOut.height = 0; 1425 }); 1426 opts.cssBefore.height = 0; 1427 opts.cssBefore.left = 0; 1428 }; 1429 1430// cover - curr slide covered by next slide 1431 $.fn.cycle.transitions.cover = function($cont, $slides, opts) { 1432 var d = opts.direction || 'left'; 1433 var w = $cont.css('overflow','hidden').width(); 1434 var h = $cont.height(); 1435 opts.before.push(function(curr, next, opts) { 1436 $.fn.cycle.commonReset(curr,next,opts); 1437 opts.cssAfter.display = ''; 1438 if (d == 'right') 1439 opts.cssBefore.left = -w; 1440 else if (d == 'up') 1441 opts.cssBefore.top = h; 1442 else if (d == 'down') 1443 opts.cssBefore.top = -h; 1444 else 1445 opts.cssBefore.left = w; 1446 }); 1447 opts.animIn.left = 0; 1448 opts.animIn.top = 0; 1449 opts.cssBefore.top = 0; 1450 opts.cssBefore.left = 0; 1451 }; 1452 1453// uncover - curr slide moves off next slide 1454 $.fn.cycle.transitions.uncover = function($cont, $slides, opts) { 1455 var d = opts.direction || 'left'; 1456 var w = $cont.css('overflow','hidden').width(); 1457 var h = $cont.height(); 1458 opts.before.push(function(curr, next, opts) { 1459 $.fn.cycle.commonReset(curr,next,opts,true,true,true); 1460 if (d == 'right') 1461 opts.animOut.left = w; 1462 else if (d == 'up') 1463 opts.animOut.top = -h; 1464 else if (d == 'down') 1465 opts.animOut.top = h; 1466 else 1467 opts.animOut.left = -w; 1468 }); 1469 opts.animIn.left = 0; 1470 opts.animIn.top = 0; 1471 opts.cssBefore.top = 0; 1472 opts.cssBefore.left = 0; 1473 }; 1474 1475// toss - move top slide and fade away 1476 $.fn.cycle.transitions.toss = function($cont, $slides, opts) { 1477 var w = $cont.css('overflow','visible').width(); 1478 var h = $cont.height(); 1479 opts.before.push(function(curr, next, opts) { 1480 $.fn.cycle.commonReset(curr,next,opts,true,true,true); 1481 // provide default toss settings if animOut not provided 1482 if (!opts.animOut.left && !opts.animOut.top) 1483 $.extend(opts.animOut, { left: w*2, top: -h/2, opacity: 0 }); 1484 else 1485 opts.animOut.opacity = 0; 1486 }); 1487 opts.cssBefore.left = 0; 1488 opts.cssBefore.top = 0; 1489 opts.animIn.left = 0; 1490 }; 1491 1492// wipe - clip animation 1493 $.fn.cycle.transitions.wipe = function($cont, $slides, opts) { 1494 var w = $cont.css('overflow','hidden').width(); 1495 var h = $cont.height(); 1496 opts.cssBefore = opts.cssBefore || {}; 1497 var clip; 1498 if (opts.clip) { 1499 if (/l2r/.test(opts.clip)) 1500 clip = 'rect(0px 0px '+h+'px 0px)'; 1501 else if (/r2l/.test(opts.clip)) 1502 clip = 'rect(0px '+w+'px '+h+'px '+w+'px)'; 1503 else if (/t2b/.test(opts.clip)) 1504 clip = 'rect(0px '+w+'px 0px 0px)'; 1505 else if (/b2t/.test(opts.clip)) 1506 clip = 'rect('+h+'px '+w+'px '+h+'px 0px)'; 1507 else if (/zoom/.test(opts.clip)) { 1508 var top = parseInt(h/2,10); 1509 var left = parseInt(w/2,10); 1510 clip = 'rect('+top+'px '+left+'px '+top+'px '+left+'px)'; 1511 } 1512 } 1513 1514 opts.cssBefore.clip = opts.cssBefore.clip || clip || 'rect(0px 0px 0px 0px)'; 1515 1516 var d = opts.cssBefore.clip.match(/(\d+)/g); 1517 var t = parseInt(d[0],10), r = parseInt(d[1],10), b = parseInt(d[2],10), l = parseInt(d[3],10); 1518 1519 opts.before.push(function(curr, next, opts) { 1520 if (curr == next) return; 1521 var $curr = $(curr), $next = $(next); 1522 $.fn.cycle.commonReset(curr,next,opts,true,true,false); 1523 opts.cssAfter.display = 'block'; 1524 1525 var step = 1, count = parseInt((opts.speedIn / 13),10) - 1; 1526 (function f() { 1527 var tt = t ? t - parseInt(step * (t/count),10) : 0; 1528 var ll = l ? l - parseInt(step * (l/count),10) : 0; 1529 var bb = b < h ? b + parseInt(step * ((h-b)/count || 1),10) : h; 1530 var rr = r < w ? r + parseInt(step * ((w-r)/count || 1),10) : w; 1531 $next.css({ clip: 'rect('+tt+'px '+rr+'px '+bb+'px '+ll+'px)' }); 1532 (step++ <= count) ? setTimeout(f, 13) : $curr.css('display', 'none'); 1533 })(); 1534 }); 1535 $.extend(opts.cssBefore, { display: 'block', opacity: 1, top: 0, left: 0 }); 1536 opts.animIn = { left: 0 }; 1537 opts.animOut = { left: 0 }; 1538 }; 1539 1540})(jQuery);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.