jquery.flexslider.js 54 KB

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