vendor: 47,857 bytes, lines 1-1104
1/* 2 * jQuery FlexSlider v2.5.0 3 * Copyright 2012 WooThemes 4 * Contributing Author: Tyler Smith 5 */ 6; 7(function ($) { 8 9 //FlexSlider: Object Instance 10 $.flexslider = function(el, options) { 11 var slider = $(el); 12 13 // making variables public 14 if(!typeof options.rtl=='undefined'&&$('html').attr('dir')=='rtl') 15 options.rtl=true; 16 slider.vars = $.extend({}, $.flexslider.defaults, options); 17 18 var namespace = slider.vars.namespace, 19 msGesture = window.navigator && window.navigator.msPointerEnabled && window.MSGesture, 20 touch = (( "ontouchstart" in window ) || msGesture || window.DocumentTouch && document instanceof DocumentTouch) && slider.vars.touch, 21 // depricating this idea, as devices are being released with both of these events 22 //eventType = (touch) ? "touchend" : "click", 23 eventType = "click touchend MSPointerUp keyup", 24 watchedEvent = "", 25 watchedEventClearTimer, 26 vertical = slider.vars.direction === "vertical", 27 reverse = slider.vars.reverse, 28 carousel = (slider.vars.itemWidth > 0), 29 fade = slider.vars.animation === "fade", 30 asNav = slider.vars.asNavFor !== "", 31 methods = {}, 32 focused = true; 33 34 // Store a reference to the slider object 35 $.data(el, "flexslider", slider); 36 37 // Private slider methods 38 methods = { 39 init: function() { 40 slider.animating = false; 41 // Get current slide and make sure it is a number 42 slider.currentSlide = parseInt( ( slider.vars.startAt ? slider.vars.startAt : 0), 10 ); 43 if ( isNaN( slider.currentSlide ) ) { slider.currentSlide = 0; } 44 slider.animatingTo = slider.currentSlide; 45 slider.atEnd = (slider.currentSlide === 0 || slider.currentSlide === slider.last); 46 slider.containerSelector = slider.vars.selector.substr(0,slider.vars.selector.search(' ')); 47 slider.slides = $(slider.vars.selector, slider); 48 slider.container = $(slider.containerSelector, slider); 49 slider.count = slider.slides.length; 50 // SYNC: 51 slider.syncExists = $(slider.vars.sync).length > 0; 52 // SLIDE: 53 if (slider.vars.animation === "slide") { slider.vars.animation = "swing"; } 54 slider.prop = (vertical) ? "top" : ( slider.vars.rtl ? "marginRight" : "marginLeft" ); 55 slider.args = {}; 56 // SLIDESHOW: 57 slider.manualPause = false; 58 slider.stopped = false; 59 //PAUSE WHEN INVISIBLE 60 slider.started = false; 61 slider.startTimeout = null; 62 // TOUCH/USECSS: 63 slider.transitions = !slider.vars.video && !fade && slider.vars.useCSS && (function() { 64 var obj = document.createElement('div'), 65 props = ['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective']; 66 for (var i in props) { 67 if ( obj.style[ props[i] ] !== undefined ) { 68 slider.pfx = props[i].replace('Perspective','').toLowerCase(); 69 slider.prop = "-" + slider.pfx + "-transform"; 70 return true; 71 } 72 } 73 return false; 74 }()); 75 slider.ensureAnimationEnd = ''; 76 // CONTROLSCONTAINER: 77 if (slider.vars.controlsContainer !== "") slider.controlsContainer = $(slider.vars.controlsContainer).length > 0 && $(slider.vars.controlsContainer); 78 // MANUAL: 79 if (slider.vars.manualControls !== "") slider.manualControls = $(slider.vars.manualControls).length > 0 && $(slider.vars.manualControls); 80 81 // CUSTOM DIRECTION NAV: 82 if (slider.vars.customDirectionNav !== "") slider.customDirectionNav = $(slider.vars.customDirectionNav).length === 2 && $(slider.vars.customDirectionNav); 83 84 // RANDOMIZE: 85 if (slider.vars.randomize) { 86 slider.slides.sort(function() { return (Math.round(Math.random())-0.5); }); 87 slider.container.empty().append(slider.slides); 88 } 89 90 slider.doMath(); 91 92 // INIT 93 slider.setup("init"); 94 95 // CONTROLNAV: 96 if (slider.vars.controlNav) { methods.controlNav.setup(); } 97 98 // DIRECTIONNAV: 99 if (slider.vars.directionNav) { methods.directionNav.setup(); } 100 101 // KEYBOARD: 102 if (slider.vars.keyboard && ($(slider.containerSelector).length === 1 || slider.vars.multipleKeyboard)) { 103 $(document).bind('keyup', function(event) { 104 var keycode = event.keyCode; 105 if (!slider.animating && (keycode === 39 || keycode === 37)) { 106 var target = (slider.vars.rtl? 107 ((keycode === 37) ? slider.getTarget('next') : 108 (keycode === 39) ? slider.getTarget('prev') : false) 109 : 110 ((keycode === 39) ? slider.getTarget('next') : 111 (keycode === 37) ? slider.getTarget('prev') : false) 112 ) 113 ; 114 slider.flexAnimate(target, slider.vars.pauseOnAction); 115 } 116 }); 117 } 118 // MOUSEWHEEL: 119 if (slider.vars.mousewheel) { 120 slider.bind('mousewheel', function(event, delta, deltaX, deltaY) { 121 event.preventDefault(); 122 var target = (delta < 0) ? slider.getTarget('next') : slider.getTarget('prev'); 123 slider.flexAnimate(target, slider.vars.pauseOnAction); 124 }); 125 } 126 127 // PAUSEPLAY 128 if (slider.vars.pausePlay) { methods.pausePlay.setup(); } 129 130 //PAUSE WHEN INVISIBLE 131 if (slider.vars.slideshow && slider.vars.pauseInvisible) { methods.pauseInvisible.init(); } 132 133 // SLIDSESHOW 134 if (slider.vars.slideshow) { 135 if (slider.vars.pauseOnHover) { 136 slider.hover(function() { 137 if (!slider.manualPlay && !slider.manualPause) { slider.pause(); } 138 }, function() { 139 if (!slider.manualPause && !slider.manualPlay && !slider.stopped) { slider.play(); } 140 }); 141 } 142 // initialize animation 143 //If we're visible, or we don't use PageVisibility API 144 if(!slider.vars.pauseInvisible || !methods.pauseInvisible.isHidden()) { 145 (slider.vars.initDelay > 0) ? slider.startTimeout = setTimeout(slider.play, slider.vars.initDelay) : slider.play(); 146 } 147 } 148 149 // ASNAV: 150 if (asNav) { methods.asNav.setup(); } 151 152 // TOUCH 153 if (touch && slider.vars.touch) { methods.touch(); } 154 155 // FADE&&SMOOTHHEIGHT || SLIDE: 156 if (!fade || (fade && slider.vars.smoothHeight)) { $(window).bind("resize orientationchange focus", methods.resize); } 157 158 slider.find("img").attr("draggable", "false"); 159 160 // API: start() Callback 161 setTimeout(function(){ 162 slider.vars.start(slider); 163 }, 200); 164 }, 165 asNav: { 166 setup: function() { 167 slider.asNav = true; 168 slider.animatingTo = Math.floor(slider.currentSlide/slider.move); 169 slider.currentItem = slider.currentSlide; 170 slider.slides.removeClass(namespace + "active-slide").eq(slider.currentItem).addClass(namespace + "active-slide"); 171 if(!msGesture){ 172 slider.slides.on(eventType, function(e){ 173 e.preventDefault(); 174 var $slide = $(this), 175 target = $slide.index(); 176 var posFromX 177 if(slider.vars.rtl){ 178 posFromX = -1*($slide.offset().right - $(slider).scrollLeft()); // Find position of slide relative to right of slider container 179 console.log(posFromX); 180 } 181 else 182 { 183 posFromX = $slide.offset().left - $(slider).scrollLeft(); // Find position of slide relative to left of slider container 184 } 185 if( posFromX <= 0 && $slide.hasClass( namespace + 'active-slide' ) ) { 186 slider.flexAnimate(slider.getTarget("prev"), true); 187 } else if (!$(slider.vars.asNavFor).data('flexslider').animating && !$slide.hasClass(namespace + "active-slide")) { 188 slider.direction = (slider.currentItem < target) ? "next" : "prev"; 189 slider.flexAnimate(target, slider.vars.pauseOnAction, false, true, true); 190 } 191 }); 192 }else{ 193 el._slider = slider; 194 slider.slides.each(function (){ 195 var that = this; 196 that._gesture = new MSGesture(); 197 that._gesture.target = that; 198 that.addEventListener("MSPointerDown", function (e){ 199 e.preventDefault(); 200 if(e.currentTarget._gesture) { 201 e.currentTarget._gesture.addPointer(e.pointerId); 202 } 203 }, false); 204 that.addEventListener("MSGestureTap", function (e){ 205 e.preventDefault(); 206 var $slide = $(this), 207 target = $slide.index(); 208 if (!$(slider.vars.asNavFor).data('flexslider').animating && !$slide.hasClass('active')) { 209 slider.direction = (slider.currentItem < target) ? "next" : "prev"; 210 slider.flexAnimate(target, slider.vars.pauseOnAction, false, true, true); 211 } 212 }); 213 }); 214 } 215 } 216 }, 217 controlNav: { 218 setup: function() { 219 if (!slider.manualControls) { 220 methods.controlNav.setupPaging(); 221 } else { // MANUALCONTROLS: 222 methods.controlNav.setupManual(); 223 } 224 }, 225 setupPaging: function() { 226 var type = (slider.vars.controlNav === "thumbnails") ? 'control-thumbs' : 'control-paging', 227 j = 1, 228 item, 229 slide; 230 231 slider.controlNavScaffold = $('<ol class="'+ namespace + 'control-nav ' + namespace + type + '"></ol>'); 232 233 if (slider.pagingCount > 1) { 234 for (var i = 0; i < slider.pagingCount; i++) { 235 slide = slider.slides.eq(i); 236 item = (slider.vars.controlNav === "thumbnails") ? '<img src="' + slide.attr( 'data-thumb' ) + '"/>' : '<a>' + j + '</a>'; 237 if ( 'thumbnails' === slider.vars.controlNav && true === slider.vars.thumbCaptions ) { 238 var captn = slide.attr( 'data-thumbcaption' ); 239 if ( '' !== captn && undefined !== captn ) { item += '<span class="' + namespace + 'caption">' + captn + '</span>'; } 240 } 241 slider.controlNavScaffold.append('<li>' + item + '</li>'); 242 j++; 243 } 244 } 245 246 // CONTROLSCONTAINER: 247 (slider.controlsContainer) ? $(slider.controlsContainer).append(slider.controlNavScaffold) : slider.append(slider.controlNavScaffold); 248 methods.controlNav.set(); 249 250 methods.controlNav.active(); 251 252 slider.controlNavScaffold.delegate('a, img', eventType, function(event) { 253 event.preventDefault(); 254 255 if (watchedEvent === "" || watchedEvent === event.type) { 256 var $this = $(this), 257 target = slider.controlNav.index($this); 258 259 if (!$this.hasClass(namespace + 'active')) { 260 slider.direction = (target > slider.currentSlide) ? "next" : "prev"; 261 slider.flexAnimate(target, slider.vars.pauseOnAction); 262 } 263 } 264 265 // setup flags to prevent event duplication 266 if (watchedEvent === "") { 267 watchedEvent = event.type; 268 } 269 methods.setToClearWatchedEvent(); 270 271 }); 272 }, 273 setupManual: function() { 274 slider.controlNav = slider.manualControls; 275 methods.controlNav.active(); 276 277 slider.controlNav.bind(eventType, function(event) { 278 event.preventDefault(); 279 280 if (watchedEvent === "" || watchedEvent === event.type) { 281 var $this = $(this), 282 target = slider.controlNav.index($this); 283 284 if (!$this.hasClass(namespace + 'active')) { 285 (target > slider.currentSlide) ? slider.direction = "next" : slider.direction = "prev"; 286 slider.flexAnimate(target, slider.vars.pauseOnAction); 287 } 288 } 289 290 // setup flags to prevent event duplication 291 if (watchedEvent === "") { 292 watchedEvent = event.type; 293 } 294 methods.setToClearWatchedEvent(); 295 }); 296 }, 297 set: function() { 298 var selector = (slider.vars.controlNav === "thumbnails") ? 'img' : 'a'; 299 slider.controlNav = $('.' + namespace + 'control-nav li ' + selector, (slider.controlsContainer) ? slider.controlsContainer : slider); 300 }, 301 active: function() { 302 slider.controlNav.removeClass(namespace + "active").eq(slider.animatingTo).addClass(namespace + "active"); 303 }, 304 update: function(action, pos) { 305 if (slider.pagingCount > 1 && action === "add") { 306 slider.controlNavScaffold.append($('<li><a>' + slider.count + '</a></li>')); 307 } else if (slider.pagingCount === 1) { 308 slider.controlNavScaffold.find('li').remove(); 309 } else { 310 slider.controlNav.eq(pos).closest('li').remove(); 311 } 312 methods.controlNav.set(); 313 (slider.pagingCount > 1 && slider.pagingCount !== slider.controlNav.length) ? slider.update(pos, action) : methods.controlNav.active(); 314 } 315 }, 316 directionNav: { 317 setup: function() { 318 var directionNavScaffold = $('<ul class="' + namespace + 'direction-nav"><li class="' + namespace + 'nav-prev"><a class="' + namespace + 'prev" href="#">' + slider.vars.prevText + '</a></li><li class="' + namespace + 'nav-next"><a class="' + namespace + 'next" href="#">' + slider.vars.nextText + '</a></li></ul>'); 319 320 // CUSTOM DIRECTION NAV: 321 if (slider.customDirectionNav) { 322 slider.directionNav = slider.customDirectionNav; 323 // CONTROLSCONTAINER: 324 } else if (slider.controlsContainer) { 325 $(slider.controlsContainer).append(directionNavScaffold); 326 slider.directionNav = $('.' + namespace + 'direction-nav li a', slider.controlsContainer); 327 } else { 328 slider.append(directionNavScaffold); 329 slider.directionNav = $('.' + namespace + 'direction-nav li a', slider); 330 } 331 332 methods.directionNav.update(); 333 334 slider.directionNav.bind(eventType, function(event) { 335 event.preventDefault(); 336 var target; 337 338 if (watchedEvent === "" || watchedEvent === event.type) { 339 target = ($(this).hasClass(namespace + 'next')) ? slider.getTarget('next') : slider.getTarget('prev'); 340 slider.flexAnimate(target, slider.vars.pauseOnAction); 341 } 342 343 // setup flags to prevent event duplication 344 if (watchedEvent === "") { 345 watchedEvent = event.type; 346 } 347 methods.setToClearWatchedEvent(); 348 }); 349 }, 350 update: function() { 351 var disabledClass = namespace + 'disabled'; 352 if (slider.pagingCount === 1) { 353 slider.directionNav.addClass(disabledClass).attr('tabindex', '-1'); 354 } else if (!slider.vars.animationLoop) { 355 if (slider.animatingTo === 0) { 356 slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "prev").addClass(disabledClass).attr('tabindex', '-1'); 357 } else if (slider.animatingTo === slider.last) { 358 slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "next").addClass(disabledClass).attr('tabindex', '-1'); 359 } else { 360 slider.directionNav.removeClass(disabledClass).removeAttr('tabindex'); 361 } 362 } else { 363 slider.directionNav.removeClass(disabledClass).removeAttr('tabindex'); 364 } 365 } 366 }, 367 pausePlay: { 368 setup: function() { 369 var pausePlayScaffold = $('<div class="' + namespace + 'pauseplay"><a></a></div>'); 370 371 // CONTROLSCONTAINER: 372 if (slider.controlsContainer) { 373 slider.controlsContainer.append(pausePlayScaffold); 374 slider.pausePlay = $('.' + namespace + 'pauseplay a', slider.controlsContainer); 375 } else { 376 slider.append(pausePlayScaffold); 377 slider.pausePlay = $('.' + namespace + 'pauseplay a', slider); 378 } 379 380 methods.pausePlay.update((slider.vars.slideshow) ? namespace + 'pause' : namespace + 'play'); 381 382 slider.pausePlay.bind(eventType, function(event) { 383 event.preventDefault(); 384 385 if (watchedEvent === "" || watchedEvent === event.type) { 386 if ($(this).hasClass(namespace + 'pause')) { 387 slider.manualPause = true; 388 slider.manualPlay = false; 389 slider.pause(); 390 } else { 391 slider.manualPause = false; 392 slider.manualPlay = true; 393 slider.play(); 394 } 395 } 396 397 // setup flags to prevent event duplication 398 if (watchedEvent === "") { 399 watchedEvent = event.type; 400 } 401 methods.setToClearWatchedEvent(); 402 }); 403 }, 404 update: function(state) { 405 (state === "play") ? slider.pausePlay.removeClass(namespace + 'pause').addClass(namespace + 'play').html(slider.vars.playText) : slider.pausePlay.removeClass(namespace + 'play').addClass(namespace + 'pause').html(slider.vars.pauseText); 406 } 407 }, 408 touch: function() { 409 var startX, 410 startY, 411 offset, 412 cwidth, 413 dx, 414 startT, 415 onTouchStart, 416 onTouchMove, 417 onTouchEnd, 418 scrolling = false, 419 localX = 0, 420 localY = 0, 421 accDx = 0; 422 423 if(!msGesture){ 424 onTouchStart = function(e) { 425 if (slider.animating) { 426 e.preventDefault(); 427 } else if ( ( window.navigator.msPointerEnabled ) || e.touches.length === 1 ) { 428 slider.pause(); 429 // CAROUSEL: 430 cwidth = (vertical) ? slider.h : slider. w; 431 startT = Number(new Date()); 432 // CAROUSEL: 433 434 // Local vars for X and Y points. 435 localX = e.touches[0].pageX; 436 localY = e.touches[0].pageY; 437 438 offset = (carousel && reverse && slider.animatingTo === slider.last) ? 0 : 439 (carousel && reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) : 440 (carousel && slider.currentSlide === slider.last) ? slider.limit : 441 (carousel) ? ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.currentSlide : 442 (reverse) ? (slider.last - slider.currentSlide + slider.cloneOffset) * cwidth : (slider.currentSlide + slider.cloneOffset) * cwidth; 443 startX = (vertical) ? localY : localX; 444 startY = (vertical) ? localX : localY; 445 el.addEventListener('touchmove', onTouchMove, false); 446 el.addEventListener('touchend', onTouchEnd, false); 447 } 448 }; 449 450 onTouchMove = function(e) { 451 // Local vars for X and Y points. 452 e.stopPropagation(); 453 454 localX = e.touches[0].pageX; 455 localY = e.touches[0].pageY; 456 457 dx = (vertical) ? startX - localY : (slider.vars.rtl?-1:1)*(startX - localX); 458 scrolling = (vertical) ? (Math.abs(dx) < Math.abs(localX - startY)) : (Math.abs(dx) < Math.abs(localY - startY)); 459 var fxms = 500; 460 461 if ( ! scrolling || Number( new Date() ) - startT > fxms ) { 462 e.preventDefault(); 463 if (!fade && slider.transitions) { 464 if (!slider.vars.animationLoop) { 465 dx = dx/((slider.currentSlide === 0 && dx < 0 || slider.currentSlide === slider.last && dx > 0) ? (Math.abs(dx)/cwidth+2) : 1); 466 } 467 slider.setProps(offset + dx, "setTouch"); 468 } 469 } 470 }; 471 472 onTouchEnd = function(e) { 473 // finish the touch by undoing the touch session 474 el.removeEventListener('touchmove', onTouchMove, false); 475 476 if (slider.animatingTo === slider.currentSlide && !scrolling && !(dx === null)) { 477 var updateDx = (reverse) ? -dx : dx, 478 target = (updateDx > 0) ? slider.getTarget('next') : slider.getTarget('prev'); 479 480 if (slider.canAdvance(target) && (Number(new Date()) - startT < 550 && Math.abs(updateDx) > 50 || Math.abs(updateDx) > cwidth/2)) { 481 slider.flexAnimate(target, slider.vars.pauseOnAction); 482 } else { 483 if (!fade) { slider.flexAnimate(slider.currentSlide, slider.vars.pauseOnAction, true); } 484 } 485 } 486 el.removeEventListener('touchend', onTouchEnd, false); 487 488 startX = null; 489 startY = null; 490 dx = null; 491 offset = null; 492 }; 493 494 el.addEventListener('touchstart', onTouchStart, false); 495 }else{ 496 el.style.msTouchAction = "none"; 497 el._gesture = new MSGesture(); 498 el._gesture.target = el; 499 el.addEventListener("MSPointerDown", onMSPointerDown, false); 500 el._slider = slider; 501 el.addEventListener("MSGestureChange", onMSGestureChange, false); 502 el.addEventListener("MSGestureEnd", onMSGestureEnd, false); 503 504 function onMSPointerDown(e){ 505 e.stopPropagation(); 506 if (slider.animating) { 507 e.preventDefault(); 508 }else{ 509 slider.pause(); 510 el._gesture.addPointer(e.pointerId); 511 accDx = 0; 512 cwidth = (vertical) ? slider.h : slider. w; 513 startT = Number(new Date()); 514 // CAROUSEL: 515 516 offset = (carousel && reverse && slider.animatingTo === slider.last) ? 0 : 517 (carousel && reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) : 518 (carousel && slider.currentSlide === slider.last) ? slider.limit : 519 (carousel) ? ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.currentSlide : 520 (reverse) ? (slider.last - slider.currentSlide + slider.cloneOffset) * cwidth : (slider.currentSlide + slider.cloneOffset) * cwidth; 521 } 522 } 523 524 function onMSGestureChange(e) { 525 e.stopPropagation(); 526 var slider = e.target._slider; 527 if(!slider){ 528 return; 529 } 530 var transX = -e.translationX, 531 transY = -e.translationY; 532 533 //Accumulate translations. 534 accDx = accDx + ((vertical) ? transY : transX); 535 dx = (slider.vars.rtl?-1:1)*accDx; 536 scrolling = (vertical) ? (Math.abs(accDx) < Math.abs(-transX)) : (Math.abs(accDx) < Math.abs(-transY)); 537 538 if(e.detail === e.MSGESTURE_FLAG_INERTIA){ 539 setImmediate(function (){ 540 el._gesture.stop(); 541 }); 542 543 return; 544 } 545 546 if (!scrolling || Number(new Date()) - startT > 500) { 547 e.preventDefault(); 548 if (!fade && slider.transitions) { 549 if (!slider.vars.animationLoop) { 550 dx = accDx / ((slider.currentSlide === 0 && accDx < 0 || slider.currentSlide === slider.last && accDx > 0) ? (Math.abs(accDx) / cwidth + 2) : 1); 551 } 552 slider.setProps(offset + dx, "setTouch"); 553 } 554 } 555 } 556 557 function onMSGestureEnd(e) { 558 e.stopPropagation(); 559 var slider = e.target._slider; 560 if(!slider){ 561 return; 562 } 563 if (slider.animatingTo === slider.currentSlide && !scrolling && !(dx === null)) { 564 var updateDx = (reverse) ? -dx : dx, 565 target = (updateDx > 0) ? slider.getTarget('next') : slider.getTarget('prev'); 566 567 if (slider.canAdvance(target) && (Number(new Date()) - startT < 550 && Math.abs(updateDx) > 50 || Math.abs(updateDx) > cwidth/2)) { 568 slider.flexAnimate(target, slider.vars.pauseOnAction); 569 } else { 570 if (!fade) { slider.flexAnimate(slider.currentSlide, slider.vars.pauseOnAction, true); } 571 } 572 } 573 574 startX = null; 575 startY = null; 576 dx = null; 577 offset = null; 578 accDx = 0; 579 } 580 } 581 }, 582 resize: function() { 583 if (!slider.animating && slider.is(':visible')) { 584 if (!carousel) { slider.doMath(); } 585 586 if (fade) { 587 // SMOOTH HEIGHT: 588 methods.smoothHeight(); 589 } else if (carousel) { //CAROUSEL: 590 slider.slides.width(slider.computedW); 591 slider.update(slider.pagingCount); 592 slider.setProps(); 593 } 594 else if (vertical) { //VERTICAL: 595 slider.viewport.height(slider.h); 596 slider.setProps(slider.h, "setTotal"); 597 } else { 598 // SMOOTH HEIGHT: 599 if (slider.vars.smoothHeight) { methods.smoothHeight(); } 600 slider.newSlides.width(slider.computedW); 601 slider.setProps(slider.computedW, "setTotal"); 602 } 603 } 604 }, 605 smoothHeight: function(dur) { 606 if (!vertical || fade) { 607 var $obj = (fade) ? slider : slider.viewport; 608 (dur) ? $obj.animate({"height": slider.slides.eq(slider.animatingTo).height()}, dur) : $obj.height(slider.slides.eq(slider.animatingTo).height()); 609 } 610 }, 611 sync: function(action) { 612 var $obj = $(slider.vars.sync).data("flexslider"), 613 target = slider.animatingTo; 614 615 switch (action) { 616 case "animate": $obj.flexAnimate(target, slider.vars.pauseOnAction, false, true); break; 617 case "play": if (!$obj.playing && !$obj.asNav) { $obj.play(); } break; 618 case "pause": $obj.pause(); break; 619 } 620 }, 621 uniqueID: function($clone) { 622 // Append _clone to current level and children elements with id attributes 623 $clone.filter( '[id]' ).add($clone.find( '[id]' )).each(function() { 624 var $this = $(this); 625 $this.attr( 'id', $this.attr( 'id' ) + '_clone' ); 626 }); 627 return $clone; 628 }, 629 pauseInvisible: { 630 visProp: null, 631 init: function() { 632 var visProp = methods.pauseInvisible.getHiddenProp(); 633 if (visProp) { 634 var evtname = visProp.replace(/[H|h]idden/,'') + 'visibilitychange'; 635 document.addEventListener(evtname, function() { 636 if (methods.pauseInvisible.isHidden()) { 637 if(slider.startTimeout) { 638 clearTimeout(slider.startTimeout); //If clock is ticking, stop timer and prevent from starting while invisible 639 } else { 640 slider.pause(); //Or just pause 641 } 642 } 643 else { 644 if(slider.started) { 645 slider.play(); //Initiated before, just play 646 } else { 647 if (slider.vars.initDelay > 0) { 648 setTimeout(slider.play, slider.vars.initDelay); 649 } else { 650 slider.play(); //Didn't init before: simply init or wait for it 651 } 652 } 653 } 654 }); 655 } 656 }, 657 isHidden: function() { 658 var prop = methods.pauseInvisible.getHiddenProp(); 659 if (!prop) { 660 return false; 661 } 662 return document[prop]; 663 }, 664 getHiddenProp: function() { 665 var prefixes = ['webkit','moz','ms','o']; 666 // if 'hidden' is natively supported just return it 667 if ('hidden' in document) { 668 return 'hidden'; 669 } 670 // otherwise loop over all the known prefixes until we find one 671 for ( var i = 0; i < prefixes.length; i++ ) { 672 if ((prefixes[i] + 'Hidden') in document) { 673 return prefixes[i] + 'Hidden'; 674 } 675 } 676 // otherwise it's not supported 677 return null; 678 } 679 }, 680 setToClearWatchedEvent: function() { 681 clearTimeout(watchedEventClearTimer); 682 watchedEventClearTimer = setTimeout(function() { 683 watchedEvent = ""; 684 }, 3000); 685 } 686 }; 687 688 // public methods 689 slider.flexAnimate = function(target, pause, override, withSync, fromNav) { 690 if (!slider.vars.animationLoop && target !== slider.currentSlide) { 691 slider.direction = (target > slider.currentSlide) ? "next" : "prev"; 692 } 693 694 if (asNav && slider.pagingCount === 1) slider.direction = (slider.currentItem < target) ? "next" : "prev"; 695 696 if (!slider.animating && (slider.canAdvance(target, fromNav) || override) && slider.is(":visible")) { 697 if (asNav && withSync) { 698 var master = $(slider.vars.asNavFor).data('flexslider'); 699 slider.atEnd = target === 0 || target === slider.count - 1; 700 master.flexAnimate(target, true, false, true, fromNav); 701 slider.direction = (slider.currentItem < target) ? "next" : "prev"; 702 master.direction = slider.direction; 703 704 if (Math.ceil((target + 1)/slider.visible) - 1 !== slider.currentSlide) { 705 slider.currentItem = target; 706 slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide"); 707 target = Math.floor(target/slider.visible); 708 } else { 709 slider.currentItem = target; 710 slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide"); 711 return false; 712 } 713 } 714 715 slider.animating = true; 716 slider.animatingTo = target; 717 718 // SLIDESHOW: 719 if (pause) { slider.pause(); } 720 721 // API: before() animation Callback 722 slider.vars.before(slider); 723 724 // SYNC: 725 if (slider.syncExists && !fromNav) { methods.sync("animate"); } 726 727 // CONTROLNAV 728 if (slider.vars.controlNav) { methods.controlNav.active(); } 729 730 // !CAROUSEL: 731 // CANDIDATE: slide active class (for add/remove slide) 732 if (!carousel) { slider.slides.removeClass(namespace + 'active-slide').eq(target).addClass(namespace + 'active-slide'); } 733 734 // INFINITE LOOP: 735 // CANDIDATE: atEnd 736 slider.atEnd = target === 0 || target === slider.last; 737 738 // DIRECTIONNAV: 739 if (slider.vars.directionNav) { methods.directionNav.update(); } 740 741 if (target === slider.last) { 742 // API: end() of cycle Callback 743 slider.vars.end(slider); 744 // SLIDESHOW && !INFINITE LOOP: 745 if (!slider.vars.animationLoop) { slider.pause(); } 746 } 747 748 // SLIDE: 749 if (!fade) { 750 var dimension = (vertical) ? slider.slides.filter(':first').height() : slider.computedW, 751 margin, slideString, calcNext; 752 753 // INFINITE LOOP / REVERSE: 754 if (carousel) { 755 //margin = (slider.vars.itemWidth > slider.w) ? slider.vars.itemMargin * 2 : slider.vars.itemMargin; 756 margin = slider.vars.itemMargin; 757 calcNext = ((slider.itemW + margin) * slider.move) * slider.animatingTo; 758 slideString = (calcNext > slider.limit && slider.visible !== 1) ? slider.limit : calcNext; 759 } else if (slider.currentSlide === 0 && target === slider.count - 1 && slider.vars.animationLoop && slider.direction !== "next") { 760 slideString = (reverse) ? (slider.count + slider.cloneOffset) * dimension : 0; 761 } else if (slider.currentSlide === slider.last && target === 0 && slider.vars.animationLoop && slider.direction !== "prev") { 762 slideString = (reverse) ? 0 : (slider.count + 1) * dimension; 763 } else { 764 slideString = (reverse) ? ((slider.count - 1) - target + slider.cloneOffset) * dimension : (target + slider.cloneOffset) * dimension; 765 } 766 slider.setProps(slideString, "", slider.vars.animationSpeed); 767 if (slider.transitions) { 768 if (!slider.vars.animationLoop || !slider.atEnd) { 769 slider.animating = false; 770 slider.currentSlide = slider.animatingTo; 771 } 772 773 // Unbind previous transitionEnd events and re-bind new transitionEnd event 774 slider.container.unbind("webkitTransitionEnd transitionend"); 775 slider.container.bind("webkitTransitionEnd transitionend", function() { 776 clearTimeout(slider.ensureAnimationEnd); 777 slider.wrapup(dimension); 778 }); 779 780 // Insurance for the ever-so-fickle transitionEnd event 781 clearTimeout(slider.ensureAnimationEnd); 782 slider.ensureAnimationEnd = setTimeout(function() { 783 slider.wrapup(dimension); 784 }, slider.vars.animationSpeed + 100); 785 786 } else { 787 slider.container.animate(slider.args, slider.vars.animationSpeed, slider.vars.easing, function(){ 788 slider.wrapup(dimension); 789 }); 790 } 791 } else { // FADE: 792 if (!touch) { 793 //slider.slides.eq(slider.currentSlide).fadeOut(slider.vars.animationSpeed, slider.vars.easing); 794 //slider.slides.eq(target).fadeIn(slider.vars.animationSpeed, slider.vars.easing, slider.wrapup); 795 796 slider.slides.eq(slider.currentSlide).css({"zIndex": 1}).animate({"opacity": 0}, slider.vars.animationSpeed, slider.vars.easing); 797 slider.slides.eq(target).css({"zIndex": 2}).animate({"opacity": 1}, slider.vars.animationSpeed, slider.vars.easing, slider.wrapup); 798 799 } else { 800 slider.slides.eq(slider.currentSlide).css({ "opacity": 0, "zIndex": 1 }); 801 slider.slides.eq(target).css({ "opacity": 1, "zIndex": 2 }); 802 slider.wrapup(dimension); 803 } 804 } 805 // SMOOTH HEIGHT: 806 if (slider.vars.smoothHeight) { methods.smoothHeight(slider.vars.animationSpeed); } 807 } 808 }; 809 slider.wrapup = function(dimension) { 810 // SLIDE: 811 if (!fade && !carousel) { 812 if (slider.currentSlide === 0 && slider.animatingTo === slider.last && slider.vars.animationLoop) { 813 slider.setProps(dimension, "jumpEnd"); 814 } else if (slider.currentSlide === slider.last && slider.animatingTo === 0 && slider.vars.animationLoop) { 815 slider.setProps(dimension, "jumpStart"); 816 } 817 } 818 slider.animating = false; 819 slider.currentSlide = slider.animatingTo; 820 // API: after() animation Callback 821 slider.vars.after(slider); 822 }; 823 824 // SLIDESHOW: 825 slider.animateSlides = function() { 826 if (!slider.animating && focused ) { slider.flexAnimate(slider.getTarget("next")); } 827 }; 828 // SLIDESHOW: 829 slider.pause = function() { 830 clearInterval(slider.animatedSlides); 831 slider.animatedSlides = null; 832 slider.playing = false; 833 // PAUSEPLAY: 834 if (slider.vars.pausePlay) { methods.pausePlay.update("play"); } 835 // SYNC: 836 if (slider.syncExists) { methods.sync("pause"); } 837 }; 838 // SLIDESHOW: 839 slider.play = function() { 840 if (slider.playing) { clearInterval(slider.animatedSlides); } 841 slider.animatedSlides = slider.animatedSlides || setInterval(slider.animateSlides, slider.vars.slideshowSpeed); 842 slider.started = slider.playing = true; 843 // PAUSEPLAY: 844 if (slider.vars.pausePlay) { methods.pausePlay.update("pause"); } 845 // SYNC: 846 if (slider.syncExists) { methods.sync("play"); } 847 }; 848 // STOP: 849 slider.stop = function () { 850 slider.pause(); 851 slider.stopped = true; 852 }; 853 slider.canAdvance = function(target, fromNav) { 854 // ASNAV: 855 var last = (asNav) ? slider.pagingCount - 1 : slider.last; 856 return (fromNav) ? true : 857 (asNav && slider.currentItem === slider.count - 1 && target === 0 && slider.direction === "prev") ? true : 858 (asNav && slider.currentItem === 0 && target === slider.count - 1 && slider.direction !== "next") ? false : 859 (target === slider.currentSlide && !asNav) ? false : 860 (slider.vars.animationLoop) ? true : 861 (slider.atEnd && slider.currentSlide === 0 && target === last && slider.direction !== "next") ? false : 862 (slider.atEnd && slider.currentSlide === last && target === 0 && slider.direction === "next") ? false : 863 true; 864 }; 865 slider.getTarget = function(dir) { 866 slider.direction = dir; 867 if (dir === "next") { 868 return (slider.currentSlide === slider.last) ? 0 : slider.currentSlide + 1; 869 } else { 870 return (slider.currentSlide === 0) ? slider.last : slider.currentSlide - 1; 871 } 872 }; 873 874 // SLIDE: 875 slider.setProps = function(pos, special, dur) { 876 var target = (function() { 877 var posCheck = (pos) ? pos : ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo, 878 posCalc = (function() { 879 if (carousel) { 880 return (special === "setTouch") ? pos : 881 (reverse && slider.animatingTo === slider.last) ? 0 : 882 (reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) : 883 (slider.animatingTo === slider.last) ? slider.limit : posCheck; 884 } else { 885 switch (special) { 886 case "setTotal": return (reverse) ? ((slider.count - 1) - slider.currentSlide + slider.cloneOffset) * pos : (slider.currentSlide + slider.cloneOffset) * pos; 887 case "setTouch": return (reverse) ? pos : pos; 888 case "jumpEnd": return (reverse) ? pos : slider.count * pos; 889 case "jumpStart": return (reverse) ? slider.count * pos : pos; 890 default: return pos; 891 } 892 } 893 }()); 894 895 return (posCalc * -1) + "px"; 896 }()); 897 898 if (slider.transitions) { 899 target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + ((slider.vars.rtl?-1:1)*parseInt(target)+'px') + ",0,0)"; 900 dur = (dur !== undefined) ? (dur/1000) + "s" : "0s"; 901 slider.container.css("-" + slider.pfx + "-transition-duration", dur); 902 slider.container.css("transition-duration", dur); 903 } 904 905 slider.args[slider.prop] = target; 906 if (slider.transitions || dur === undefined) { slider.container.css(slider.args); } 907 908 slider.container.css('transform',target); 909 }; 910 911 slider.setup = function(type) { 912 // SLIDE: 913 if (!fade) { 914 var sliderOffset, arr; 915 916 if (type === "init") { 917 slider.viewport = $('<div class="' + namespace + 'viewport"></div>').css({"overflow": "hidden", "position": "relative"}).appendTo(slider).append(slider.container); 918 // INFINITE LOOP: 919 slider.cloneCount = 0; 920 slider.cloneOffset = 0; 921 // REVERSE: 922 if (reverse) { 923 arr = $.makeArray(slider.slides).reverse(); 924 slider.slides = $(arr); 925 slider.container.empty().append(slider.slides); 926 } 927 } 928 // INFINITE LOOP && !CAROUSEL: 929 if (slider.vars.animationLoop && !carousel) { 930 slider.cloneCount = 2; 931 slider.cloneOffset = 1; 932 // clear out old clones 933 if (type !== "init") { slider.container.find('.clone').remove(); } 934 slider.container.append(methods.uniqueID(slider.slides.first().clone().addClass('clone')).attr('aria-hidden', 'true')) 935 .prepend(methods.uniqueID(slider.slides.last().clone().addClass('clone')).attr('aria-hidden', 'true')); 936 } 937 slider.newSlides = $(slider.vars.selector, slider); 938 939 sliderOffset = (reverse) ? slider.count - 1 - slider.currentSlide + slider.cloneOffset : slider.currentSlide + slider.cloneOffset; 940 // VERTICAL: 941 if (vertical && !carousel) { 942 slider.container.height((slider.count + slider.cloneCount) * 200 + "%").css("position", "absolute").width("100%"); 943 setTimeout(function(){ 944 slider.newSlides.css({"display": "block"}); 945 slider.doMath(); 946 slider.viewport.height(slider.h); 947 slider.setProps(sliderOffset * slider.h, "init"); 948 }, (type === "init") ? 100 : 0); 949 } else { 950 slider.container.width((slider.count + slider.cloneCount) * 200 + "%"); 951 slider.setProps(sliderOffset * slider.computedW, "init"); 952 setTimeout(function(){ 953 slider.doMath(); 954 slider.newSlides.css({"width": slider.computedW, "float": (slider.vars.rtl?"right":"left"), "display": "block"}); 955 // SMOOTH HEIGHT: 956 if (slider.vars.smoothHeight) { methods.smoothHeight(); } 957 }, (type === "init") ? 100 : 0); 958 } 959 } else { // FADE: 960 slider.slides.css({"width": "100%", "float": (slider.vars.rtl?"right":"left"), "marginRight": "-100%", "position": "relative"}); 961 if (type === "init") { 962 if (!touch) { 963 //slider.slides.eq(slider.currentSlide).fadeIn(slider.vars.animationSpeed, slider.vars.easing); 964 if (slider.vars.fadeFirstSlide == false) { 965 slider.slides.css({ "opacity": 0, "display": "block", "zIndex": 1 }).eq(slider.currentSlide).css({"zIndex": 2}).css({"opacity": 1}); 966 } else { 967 slider.slides.css({ "opacity": 0, "display": "block", "zIndex": 1 }).eq(slider.currentSlide).css({"zIndex": 2}).animate({"opacity": 1},slider.vars.animationSpeed,slider.vars.easing); 968 } 969 } else { 970 slider.slides.css({ "opacity": 0, "display": "block", "webkitTransition": "opacity " + slider.vars.animationSpeed / 1000 + "s ease", "zIndex": 1 }).eq(slider.currentSlide).css({ "opacity": 1, "zIndex": 2}); 971 } 972 } 973 // SMOOTH HEIGHT: 974 if (slider.vars.smoothHeight) { methods.smoothHeight(); } 975 } 976 // !CAROUSEL: 977 // CANDIDATE: active slide 978 if (!carousel) { slider.slides.removeClass(namespace + "active-slide").eq(slider.currentSlide).addClass(namespace + "active-slide"); } 979 980 //FlexSlider: init() Callback 981 slider.vars.init(slider); 982 }; 983 984 slider.doMath = function() { 985 var slide = slider.slides.first(), 986 slideMargin = slider.vars.itemMargin, 987 minItems = slider.vars.minItems, 988 maxItems = slider.vars.maxItems; 989 990 slider.w = (slider.viewport===undefined) ? slider.width() : slider.viewport.width(); 991 slider.h = slide.height(); 992 slider.boxPadding = slide.outerWidth() - slide.width(); 993 994 // CAROUSEL: 995 if (carousel) { 996 slider.itemT = slider.vars.itemWidth + slideMargin; 997 slider.minW = (minItems) ? minItems * slider.itemT : slider.w; 998 slider.maxW = (maxItems) ? (maxItems * slider.itemT) - slideMargin : slider.w; 999 slider.itemW = (slider.minW > slider.w) ? (slider.w - (slideMargin * (minItems - 1)))/minItems : 1000 (slider.maxW < slider.w) ? (slider.w - (slideMargin * (maxItems - 1)))/maxItems : 1001 (slider.vars.itemWidth > slider.w) ? slider.w : slider.vars.itemWidth; 1002 1003 slider.visible = Math.floor(slider.w/(slider.itemW)); 1004 slider.move = (slider.vars.move > 0 && slider.vars.move < slider.visible ) ? slider.vars.move : slider.visible; 1005 slider.pagingCount = Math.ceil(((slider.count - slider.visible)/slider.move) + 1); 1006 slider.last = slider.pagingCount - 1; 1007 slider.limit = (slider.pagingCount === 1) ? 0 : 1008 (slider.vars.itemWidth > slider.w) ? (slider.itemW * (slider.count - 1)) + (slideMargin * (slider.count - 1)) : ((slider.itemW + slideMargin) * slider.count) - slider.w - slideMargin; 1009 } else { 1010 slider.itemW = slider.w; 1011 slider.pagingCount = slider.count; 1012 slider.last = slider.count - 1; 1013 } 1014 slider.computedW = slider.itemW - slider.boxPadding; 1015 }; 1016 1017 slider.update = function(pos, action) { 1018 slider.doMath(); 1019 1020 // update currentSlide and slider.animatingTo if necessary 1021 if (!carousel) { 1022 if (pos < slider.currentSlide) { 1023 slider.currentSlide += 1; 1024 } else if (pos <= slider.currentSlide && pos !== 0) { 1025 slider.currentSlide -= 1; 1026 } 1027 slider.animatingTo = slider.currentSlide; 1028 } 1029 1030 // update controlNav 1031 if (slider.vars.controlNav && !slider.manualControls) { 1032 if ((action === "add" && !carousel) || slider.pagingCount > slider.controlNav.length) { 1033 methods.controlNav.update("add"); 1034 } else if ((action === "remove" && !carousel) || slider.pagingCount < slider.controlNav.length) { 1035 if (carousel && slider.currentSlide > slider.last) { 1036 slider.currentSlide -= 1; 1037 slider.animatingTo -= 1; 1038 } 1039 methods.controlNav.update("remove", slider.last); 1040 } 1041 } 1042 // update directionNav 1043 if (slider.vars.directionNav) { methods.directionNav.update(); } 1044 1045 }; 1046 1047 slider.addSlide = function(obj, pos) { 1048 var $obj = $(obj); 1049 1050 slider.count += 1; 1051 slider.last = slider.count - 1; 1052 1053 // append new slide 1054 if (vertical && reverse) { 1055 (pos !== undefined) ? slider.slides.eq(slider.count - pos).after($obj) : slider.container.prepend($obj); 1056 } else { 1057 (pos !== undefined) ? slider.slides.eq(pos).before($obj) : slider.container.append($obj); 1058 } 1059 1060 // update currentSlide, animatingTo, controlNav, and directionNav 1061 slider.update(pos, "add"); 1062 1063 // update slider.slides 1064 slider.slides = $(slider.vars.selector + ':not(.clone)', slider); 1065 // re-setup the slider to accomdate new slide 1066 slider.setup(); 1067 1068 //FlexSlider: added() Callback 1069 slider.vars.added(slider); 1070 }; 1071 slider.removeSlide = function(obj) { 1072 var pos = (isNaN(obj)) ? slider.slides.index($(obj)) : obj; 1073 1074 // update count 1075 slider.count -= 1; 1076 slider.last = slider.count - 1; 1077 1078 // remove slide 1079 if (isNaN(obj)) { 1080 $(obj, slider.slides).remove(); 1081 } else { 1082 (vertical && reverse) ? slider.slides.eq(slider.last).remove() : slider.slides.eq(obj).remove(); 1083 } 1084 1085 // update currentSlide, animatingTo, controlNav, and directionNav 1086 slider.doMath(); 1087 slider.update(pos, "remove"); 1088 1089 // update slider.slides 1090 slider.slides = $(slider.vars.selector + ':not(.clone)', slider); 1091 // re-setup the slider to accomdate new slide 1092 slider.setup(); 1093 1094 // FlexSlider: removed() Callback 1095 slider.vars.removed(slider); 1096 }; 1097 1098 //FlexSlider: Initialize 1099 methods.init(); 1100 }; 1101 1102 // Ensure the slider isn't focussed if the window loses focus. 1103 $( window ).blur( function ( e ) { 1104 focused = false;
1105 }).focus( function ( e ) { 1106 focused = true; 1107 }); 1108 1109 //FlexSlider: Default Settings 1110 $.flexslider.defaults = { 1111 namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin 1112 selector: ".slides > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril 1113 animation: "fade", //String: Select your animation type, "fade" or "slide" 1114 easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported! 1115 direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" 1116 reverse: false, //{NEW} Boolean: Reverse the animation direction 1117 animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end 1118 smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode 1119 startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide) 1120 slideshow: true, //Boolean: Animate slider automatically 1121 slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds 1122 animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds 1123 initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds 1124 randomize: false, //Boolean: Randomize slide order 1125 fadeFirstSlide: true, //Boolean: Fade in the first slide when animation type is "fade" 1126 thumbCaptions: false, //Boolean: Whether or not to put captions on thumbnails when using the "thumbnails" controlNav. 1127 1128 // Usability features 1129 pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. 1130 pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering 1131 pauseInvisible: true, //{NEW} Boolean: Pause the slideshow when tab is invisible, resume when visible. Provides better UX, lower CPU usage. 1132 useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available 1133 touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices 1134 video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches 1135 1136 // Primary Controls 1137 controlNav: true, //Boolean: Create navigation for paging control of each slide? Note: Leave true for manualControls usage 1138 directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false) 1139 prevText: "Previous", //String: Set the text for the "previous" directionNav item 1140 nextText: "Next", //String: Set the text for the "next" directionNav item 1141 1142 // Secondary Navigation 1143 keyboard: false, //Boolean: Allow slider navigating via keyboard left/right keys 1144 multipleKeyboard: false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present. 1145 mousewheel: false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel 1146 pausePlay: false, //Boolean: Create pause/play dynamic element 1147 pauseText: "Pause", //String: Set the text for the "pause" pausePlay item 1148 playText: "Play", //String: Set the text for the "play" pausePlay item 1149 1150 // Special properties 1151 controlsContainer: "", //{UPDATED} jQuery Object/Selector: Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be $(".flexslider-container"). Property is ignored if given element is not found. 1152 manualControls: "", //{UPDATED} jQuery Object/Selector: Declare custom control navigation. Examples would be $(".flex-control-nav li") or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs. 1153 customDirectionNav: "", //{NEW}
1153 jQuery Object/Selector: Custom prev / next button. Must be two jQuery elements. In order to make the events work they have to have the classes "prev" and "next" (plus namespace) 1154 sync: "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care. 1155 asNavFor: "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider 1156 1157 // Carousel Options 1158 itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding. 1159 itemMargin: 0, //{NEW} Integer: Margin between carousel items. 1160 minItems: 1, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this. 1161 maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit. 1162 move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items. 1163 allowOneSlide: true, //{NEW} Boolean: Whether or not to allow a slider comprised of a single slide 1164 1165 // Callback API 1166 start: function(){}, //Callback: function(slider) - Fires when the slider loads the first slide 1167 before: function(){}, //Callback: function(slider) - Fires asynchronously with each slider animation 1168 after: function(){}, //Callback: function(slider) - Fires after each slider animation completes 1169 end: function(){}, //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) 1170 added: function(){}, //{NEW} Callback: function(slider) - Fires after a slide is added 1171 removed: function(){}, //{NEW} Callback: function(slider) - Fires after a slide is removed 1172 init: function() {}, //{NEW} Callback: function(slider) - Fires after the slider is initially setup 1173 rtl: false //{NEW} Boolean: Whether or not to enable RTL mode 1174 }; 1175 1176 //FlexSlider: Plugin Function 1177 $.fn.flexslider = function(options) { 1178 if (options === undefined) { options = {}; } 1179 1180 if (typeof options === "object") { 1181 return this.each(function() { 1182 var $this = $(this), 1183 selector = (options.selector) ? options.selector : ".slides > li", 1184 $slides = $this.find(selector); 1185 1186 if ( ( $slides.length === 1 && options.allowOneSlide === true ) || $slides.length === 0 ) { 1187 $slides.fadeIn(400); 1188 if (options.start) { options.start($this); } 1189 } else if ($this.data('flexslider') === undefined) { 1190 new $.flexslider(this, options); 1191 } 1192 }); 1193 } else { 1194 // Helper strings to quickly perform functions on the slider 1195 var $slider = $(this).data('flexslider'); 1196 switch (options) { 1197 case "play": $slider.play(); break; 1198 case "pause": $slider.pause(); break; 1199 case "stop": $slider.stop(); break; 1200 case "next": $slider.flexAnimate($slider.getTarget("next"), true); break; 1201 case "prev": 1202 case "previous": $slider.flexAnimate($slider.getTarget("prev"), true); break; 1203 default: if (typeof options === "number") { $slider.flexAnimate(options, true); } 1204 } 1205 } 1206 }; 1207})(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.