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