|
45 | 45 | centerMode: false, |
46 | 46 | centerPadding: '50px', |
47 | 47 | cssEase: 'ease', |
| 48 | + customPaging: function(slider, i) { |
| 49 | + return '<button type="button">' + (i + 1) + '</button>'; |
| 50 | + }, |
48 | 51 | dots: false, |
49 | 52 | draggable: true, |
50 | 53 | easing: 'linear', |
|
103 | 106 | _.positionProp = null; |
104 | 107 | _.$slider = $(element); |
105 | 108 | _.$slidesCache = null; |
| 109 | + _.transformType = null; |
106 | 110 | _.transitionType = null; |
107 | 111 | _.windowWidth = 0; |
108 | 112 | _.windowTimer = null; |
|
259 | 263 | Slick.prototype.applyTransition = function(slide) { |
260 | 264 |
|
261 | 265 | var _ = this, |
262 | | - transition, origin; |
| 266 | + transition = {}; |
263 | 267 |
|
264 | 268 | if (_.options.fade === false) { |
265 | | - transition = _.transitionType + ' ' + _.options.speed + 'ms ' + _.options.cssEase; |
| 269 | + transition[_.transitionType] = _.transformType + ' ' + _.options.speed + 'ms ' + _.options.cssEase; |
266 | 270 | } else { |
267 | | - transition = 'opacity ' + _.options.speed + 'ms ' + _.options.cssEase; |
268 | | - } |
269 | | - |
270 | | - if (_.options.vertical === false) { |
271 | | - origin = (_.listWidth / 2) + ' 50%'; |
272 | | - } else { |
273 | | - origin = ''; |
| 271 | + transition[_.transitionType] = 'opacity ' + _.options.speed + 'ms ' + _.options.cssEase; |
274 | 272 | } |
275 | 273 |
|
276 | 274 | if (_.options.fade === false) { |
277 | | - _.$slideTrack.css({ |
278 | | - transition: transition, |
279 | | - transformOrigin: origin |
280 | | - }); |
| 275 | + _.$slideTrack.css(transition); |
281 | 276 | } else { |
282 | | - _.$slides.eq(slide).css({ |
283 | | - transition: transition |
284 | | - }); |
| 277 | + _.$slides.eq(slide).css(transition); |
285 | 278 | } |
286 | 279 |
|
287 | 280 | }; |
|
355 | 348 | if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) { |
356 | 349 |
|
357 | 350 | _.$prevArrow = $( |
358 | | - '<button type="button" class="slick-prev" tabIndex="-1">Previous</button>').appendTo( |
| 351 | + '<button type="button" class="slick-prev">Previous</button>').appendTo( |
359 | 352 | _.$slider); |
360 | 353 | _.$nextArrow = $( |
361 | | - '<button type="button" class="slick-next" tabIndex="-1">Next</button>').appendTo( |
| 354 | + '<button type="button" class="slick-next">Next</button>').appendTo( |
362 | 355 | _.$slider); |
363 | 356 |
|
364 | 357 | if (_.options.infinite !== true) { |
|
379 | 372 | dotString = '<ul class="slick-dots">'; |
380 | 373 |
|
381 | 374 | for (i = 0; i <= _.getDotCount(); i += 1) { |
382 | | - dotString += '<li><a href="javascript:void(0)" tabIndex="-1">' + i + |
383 | | - '</a></li>'; |
| 375 | + dotString += '<li>' + _.options.customPaging.call(this, _, i) + '</li>'; |
384 | 376 | } |
385 | 377 |
|
386 | 378 | dotString += '</ul>'; |
|
415 | 407 | '<div class="slick-list"/>').parent(); |
416 | 408 | _.$slideTrack.css('opacity', 0); |
417 | 409 |
|
418 | | - if (_.options.accessibility === true) { |
419 | | - _.$list.prop('tabIndex', 0); |
420 | | - } |
421 | | - |
422 | 410 | if (_.options.centerMode === true) { |
423 | 411 | _.options.infinite = true; |
424 | 412 | _.options.slidesToScroll = 1; |
|
435 | 423 |
|
436 | 424 | _.buildDots(); |
437 | 425 |
|
| 426 | + if (_.options.accessibility === true) { |
| 427 | + _.$list.prop('tabIndex', 0); |
| 428 | + } |
| 429 | + |
438 | 430 | _.setSlideClasses(0); |
439 | 431 |
|
440 | 432 | if (_.options.draggable === true) { |
|
547 | 539 |
|
548 | 540 | Slick.prototype.disableTransition = function(slide) { |
549 | 541 |
|
550 | | - var _ = this; |
| 542 | + var _ = this, |
| 543 | + transition = {}; |
| 544 | + |
| 545 | + transition[_.transitionType] = ""; |
551 | 546 |
|
552 | 547 | if (_.options.fade === false) { |
553 | | - _.$slideTrack.css({ |
554 | | - transition: '', |
555 | | - transformOrigin: '' |
556 | | - }); |
| 548 | + _.$slideTrack.css(transition); |
557 | 549 | } else { |
558 | | - _.$slides.eq(slide).css({ |
559 | | - transition: '' |
560 | | - }); |
| 550 | + _.$slides.eq(slide).css(transition); |
561 | 551 | } |
562 | 552 |
|
563 | 553 | }; |
|
720 | 710 | var _ = this; |
721 | 711 |
|
722 | 712 | if (_.options.dots === true && _.slideCount > _.options.slidesToShow) { |
723 | | - $('li a', _.$dots).on('click.slick', { |
| 713 | + $('li', _.$dots).on('click.slick', { |
724 | 714 | message: 'index' |
725 | 715 | }, _.changeSlide); |
726 | 716 | } |
|
1135 | 1125 |
|
1136 | 1126 | if (document.body.style.MozTransform !== undefined) { |
1137 | 1127 | _.animType = 'MozTransform'; |
1138 | | - _.transitionType = '-moz-transform'; |
| 1128 | + _.transformType = "-moz-transform"; |
| 1129 | + _.transitionType = 'MozTransition'; |
1139 | 1130 | } |
1140 | 1131 | if (document.body.style.webkitTransform !== undefined) { |
1141 | 1132 | _.animType = 'webkitTransform'; |
1142 | | - _.transitionType = '-webkit-transform'; |
| 1133 | + _.transformType = "-webkit-transform"; |
| 1134 | + _.transitionType = 'webkitTransition'; |
1143 | 1135 | } |
1144 | 1136 | if (document.body.style.msTransform !== undefined) { |
1145 | 1137 | _.animType = 'msTransform'; |
1146 | | - _.transitionType = '-ms-transform'; |
| 1138 | + _.transformType = "-ms-transform"; |
| 1139 | + _.transitionType = 'mstransition'; |
1147 | 1140 | } |
1148 | 1141 |
|
1149 | 1142 | _.transformsEnabled = (_.animType !== null); |
|
1231 | 1224 | for (i = _.slideCount; i > (_.slideCount - |
1232 | 1225 | infiniteCount); i -= 1) { |
1233 | 1226 | slideIndex = i - 1; |
1234 | | - $(_.$slides[slideIndex]).clone().prependTo( |
| 1227 | + $(_.$slides[slideIndex]).clone().attr('id', '').prependTo( |
1235 | 1228 | _.$slideTrack).addClass('slick-cloned'); |
1236 | 1229 | } |
1237 | 1230 | for (i = 0; i < infiniteCount; i += 1) { |
1238 | 1231 | slideIndex = i; |
1239 | | - $(_.$slides[slideIndex]).clone().appendTo( |
| 1232 | + $(_.$slides[slideIndex]).clone().attr('id', '').appendTo( |
1240 | 1233 | _.$slideTrack).addClass('slick-cloned'); |
1241 | 1234 | } |
| 1235 | + _.$slideTrack.find('.slick-cloned').find('[id]').each(function() { |
| 1236 | + $(this).attr('id', ''); |
| 1237 | + }); |
1242 | 1238 |
|
1243 | 1239 | } |
1244 | 1240 |
|
|
0 commit comments