jquery.flexslider.js 56 KB

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