jquery.flexslider.js 54 KB

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