slick_rails 1.3.13 → 1.3.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/javascripts/slick.js +149 -43
- data/lib/slick_rails/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c6aa41441c4611ea9e2afb7bbf6445e7fbf60778
|
4
|
+
data.tar.gz: 8192ac4c978ac0d36ab17ae43183ca272d848a14
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e33ebdc9e22cf6adf165bb8543b0a79eb2a22128288c07024547dc0f341d76bea229038deca2dff2952570ef8606f7efe1f3caa4ef8285f4fd64c140d0df3816
|
7
|
+
data.tar.gz: 662b4c98e0e8500c0d50d8a13ffcdb7cc7d3e87fb2713b4504ac316bcc58cbaa8bee670fe9bfdd74233c9b4f88093a1ed3403424ae45a827fcd602b582b7f3e0
|
@@ -6,7 +6,7 @@
|
|
6
6
|
|___/_|_|\___|_|\_(_)/ |___/
|
7
7
|
|__/
|
8
8
|
|
9
|
-
Version: 1.3.
|
9
|
+
Version: 1.3.14
|
10
10
|
Author: Ken Wheeler
|
11
11
|
Website: http://kenwheeler.github.io
|
12
12
|
Docs: http://kenwheeler.github.io/slick
|
@@ -70,14 +70,16 @@
|
|
70
70
|
onAfterChange: null,
|
71
71
|
onInit: null,
|
72
72
|
onReInit: null,
|
73
|
+
onSetPosition: null,
|
73
74
|
pauseOnHover: true,
|
74
75
|
pauseOnDotsHover: false,
|
76
|
+
respondTo: 'window',
|
75
77
|
responsive: null,
|
76
78
|
rtl: false,
|
77
79
|
slide: 'div',
|
78
80
|
slidesToShow: 1,
|
79
81
|
slidesToScroll: 1,
|
80
|
-
speed:
|
82
|
+
speed: 500,
|
81
83
|
swipe: true,
|
82
84
|
swipeToSlide: false,
|
83
85
|
touchMove: true,
|
@@ -124,6 +126,7 @@
|
|
124
126
|
_.cssTransitions = false;
|
125
127
|
_.paused = false;
|
126
128
|
_.positionProp = null;
|
129
|
+
_.respondTo = null;
|
127
130
|
_.shouldClick = true;
|
128
131
|
_.$slider = $(element);
|
129
132
|
_.$slidesCache = null;
|
@@ -140,6 +143,7 @@
|
|
140
143
|
responsiveSettings = _.options.responsive || null;
|
141
144
|
|
142
145
|
if (responsiveSettings && responsiveSettings.length > -1) {
|
146
|
+
_.respondTo = _.options.respondTo || "window";
|
143
147
|
for (breakpoint in responsiveSettings) {
|
144
148
|
if (responsiveSettings.hasOwnProperty(breakpoint)) {
|
145
149
|
_.breakpoints.push(responsiveSettings[
|
@@ -157,6 +161,7 @@
|
|
157
161
|
_.autoPlay = $.proxy(_.autoPlay, _);
|
158
162
|
_.autoPlayClear = $.proxy(_.autoPlayClear, _);
|
159
163
|
_.changeSlide = $.proxy(_.changeSlide, _);
|
164
|
+
_.clickHandler = $.proxy(_.clickHandler, _);
|
160
165
|
_.selectHandler = $.proxy(_.selectHandler, _);
|
161
166
|
_.setPosition = $.proxy(_.setPosition, _);
|
162
167
|
_.swipeHandler = $.proxy(_.swipeHandler, _);
|
@@ -173,6 +178,8 @@
|
|
173
178
|
|
174
179
|
_.init();
|
175
180
|
|
181
|
+
_.checkResponsive();
|
182
|
+
|
176
183
|
}
|
177
184
|
|
178
185
|
return Slick;
|
@@ -462,7 +469,6 @@
|
|
462
469
|
|
463
470
|
if (_.options.centerMode === true) {
|
464
471
|
_.options.slidesToScroll = 1;
|
465
|
-
_.options.slidesToShow = 3;
|
466
472
|
}
|
467
473
|
|
468
474
|
$('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');
|
@@ -490,7 +496,16 @@
|
|
490
496
|
Slick.prototype.checkResponsive = function() {
|
491
497
|
|
492
498
|
var _ = this,
|
493
|
-
breakpoint, targetBreakpoint;
|
499
|
+
breakpoint, targetBreakpoint, respondToWidth;
|
500
|
+
var sliderWidth = _.$slider.width();
|
501
|
+
var windowWidth = window.innerWidth || $(window).width();
|
502
|
+
if (_.respondTo === "window") {
|
503
|
+
respondToWidth = windowWidth;
|
504
|
+
} else if (_.respondTo === "slider") {
|
505
|
+
respondToWidth = sliderWidth;
|
506
|
+
} else if (_.respondTo === "min") {
|
507
|
+
respondToWidth = Math.min(windowWidth, sliderWidth);
|
508
|
+
}
|
494
509
|
|
495
510
|
if (_.originalSettings.responsive && _.originalSettings
|
496
511
|
.responsive.length > -1 && _.originalSettings.responsive !== null) {
|
@@ -499,10 +514,8 @@
|
|
499
514
|
|
500
515
|
for (breakpoint in _.breakpoints) {
|
501
516
|
if (_.breakpoints.hasOwnProperty(breakpoint)) {
|
502
|
-
if (
|
503
|
-
breakpoint]
|
504
|
-
targetBreakpoint = _.breakpoints[
|
505
|
-
breakpoint];
|
517
|
+
if (respondToWidth < _.breakpoints[breakpoint]) {
|
518
|
+
targetBreakpoint = _.breakpoints[breakpoint];
|
506
519
|
}
|
507
520
|
}
|
508
521
|
}
|
@@ -536,11 +549,11 @@
|
|
536
549
|
|
537
550
|
};
|
538
551
|
|
539
|
-
Slick.prototype.changeSlide = function(event) {
|
552
|
+
Slick.prototype.changeSlide = function(event, dontAnimate) {
|
540
553
|
|
541
554
|
var _ = this,
|
542
555
|
$target = $(event.target),
|
543
|
-
indexOffset, slideOffset, unevenOffset;
|
556
|
+
indexOffset, slideOffset, unevenOffset,navigables, prevNavigable;
|
544
557
|
|
545
558
|
// If target is a link, prevent default action.
|
546
559
|
$target.is('a') && event.preventDefault();
|
@@ -553,24 +566,40 @@
|
|
553
566
|
case 'previous':
|
554
567
|
slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;
|
555
568
|
if (_.slideCount > _.options.slidesToShow) {
|
556
|
-
_.slideHandler(_.currentSlide - slideOffset);
|
569
|
+
_.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);
|
557
570
|
}
|
558
571
|
break;
|
559
572
|
|
560
573
|
case 'next':
|
561
574
|
slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;
|
562
575
|
if (_.slideCount > _.options.slidesToShow) {
|
563
|
-
_.slideHandler(_.currentSlide + slideOffset);
|
576
|
+
_.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);
|
564
577
|
}
|
565
578
|
break;
|
566
579
|
|
567
580
|
case 'index':
|
568
581
|
var index = event.data.index === 0 ? 0 :
|
569
582
|
event.data.index || $(event.target).parent().index() * _.options.slidesToScroll;
|
570
|
-
|
583
|
+
|
584
|
+
navigables = _.getNavigableIndexes();
|
585
|
+
prevNavigable = 0;
|
586
|
+
if(navigables.indexOf(index) === -1) {
|
587
|
+
if(index > navigables[navigables.length -1]){
|
588
|
+
index = navigables[navigables.length -1];
|
589
|
+
} else {
|
590
|
+
for(var n in navigables) {
|
591
|
+
if(index < navigables[n]) {
|
592
|
+
index = prevNavigable;
|
593
|
+
break;
|
594
|
+
}
|
595
|
+
prevNavigable = navigables[n];
|
596
|
+
}
|
597
|
+
}
|
598
|
+
}
|
599
|
+
_.slideHandler(index, false, dontAnimate);
|
571
600
|
|
572
601
|
default:
|
573
|
-
return
|
602
|
+
return;
|
574
603
|
}
|
575
604
|
|
576
605
|
};
|
@@ -721,7 +750,21 @@
|
|
721
750
|
|
722
751
|
var _ = this;
|
723
752
|
|
724
|
-
|
753
|
+
var breakPoint = 0;
|
754
|
+
var counter = 0;
|
755
|
+
var pagerQty = 0;
|
756
|
+
|
757
|
+
if(_.options.infinite === true) {
|
758
|
+
pagerQty = Math.ceil(_.slideCount / _.options.slidesToScroll);
|
759
|
+
} else {
|
760
|
+
while (breakPoint < _.slideCount){
|
761
|
+
++pagerQty;
|
762
|
+
breakPoint = counter + _.options.slidesToShow;
|
763
|
+
counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;
|
764
|
+
}
|
765
|
+
}
|
766
|
+
|
767
|
+
return pagerQty - 1;
|
725
768
|
|
726
769
|
};
|
727
770
|
|
@@ -744,8 +787,13 @@
|
|
744
787
|
}
|
745
788
|
if (_.slideCount % _.options.slidesToScroll !== 0) {
|
746
789
|
if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {
|
747
|
-
|
748
|
-
|
790
|
+
if(slideIndex > _.slideCount) {
|
791
|
+
_.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1;
|
792
|
+
verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1;
|
793
|
+
} else {
|
794
|
+
_.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1;
|
795
|
+
verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1;
|
796
|
+
}
|
749
797
|
}
|
750
798
|
}
|
751
799
|
} else {
|
@@ -792,10 +840,30 @@
|
|
792
840
|
}
|
793
841
|
}
|
794
842
|
|
843
|
+
// 1680
|
844
|
+
|
795
845
|
return targetLeft;
|
796
846
|
|
797
847
|
};
|
798
848
|
|
849
|
+
Slick.prototype.getNavigableIndexes = function() {
|
850
|
+
|
851
|
+
var _ = this;
|
852
|
+
|
853
|
+
var breakPoint = 0;
|
854
|
+
var counter = 0;
|
855
|
+
var indexes = [];
|
856
|
+
|
857
|
+
while (breakPoint < _.slideCount){
|
858
|
+
indexes.push(breakPoint);
|
859
|
+
breakPoint = counter + _.options.slidesToScroll;
|
860
|
+
counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;
|
861
|
+
}
|
862
|
+
|
863
|
+
return indexes;
|
864
|
+
|
865
|
+
};
|
866
|
+
|
799
867
|
Slick.prototype.getSlideCount = function() {
|
800
868
|
|
801
869
|
var _ = this, slidesTraversed;
|
@@ -828,7 +896,8 @@
|
|
828
896
|
_.startLoad();
|
829
897
|
_.loadSlider();
|
830
898
|
_.initializeEvents();
|
831
|
-
_.
|
899
|
+
_.updateArrows();
|
900
|
+
_.updateDots();
|
832
901
|
}
|
833
902
|
|
834
903
|
if (_.options.onInit !== null) {
|
@@ -897,7 +966,7 @@
|
|
897
966
|
action: 'end'
|
898
967
|
}, _.swipeHandler);
|
899
968
|
|
900
|
-
_.$list.on('click.slick', _.clickHandler
|
969
|
+
_.$list.on('click.slick', _.clickHandler);
|
901
970
|
|
902
971
|
if (_.options.pauseOnHover === true && _.options.autoplay === true) {
|
903
972
|
_.$list.on('mouseenter.slick', function(){
|
@@ -970,13 +1039,13 @@
|
|
970
1039
|
|
971
1040
|
var _ = this;
|
972
1041
|
|
973
|
-
if (event.keyCode === 37) {
|
1042
|
+
if (event.keyCode === 37 && _.options.accessibility === true) {
|
974
1043
|
_.changeSlide({
|
975
1044
|
data: {
|
976
1045
|
message: 'previous'
|
977
1046
|
}
|
978
1047
|
});
|
979
|
-
} else if (event.keyCode === 39) {
|
1048
|
+
} else if (event.keyCode === 39 && _.options.accessibility === true) {
|
980
1049
|
_.changeSlide({
|
981
1050
|
data: {
|
982
1051
|
message: 'next'
|
@@ -1084,7 +1153,7 @@
|
|
1084
1153
|
var _ = this,
|
1085
1154
|
imgCount, targetImage;
|
1086
1155
|
|
1087
|
-
imgCount = $('img[data-lazy]').length;
|
1156
|
+
imgCount = $('img[data-lazy]', _.$slider).length;
|
1088
1157
|
|
1089
1158
|
if (imgCount > 0) {
|
1090
1159
|
targetImage = $('img[data-lazy]', _.$slider).first();
|
@@ -1109,9 +1178,15 @@
|
|
1109
1178
|
|
1110
1179
|
$.extend(_, _.initials);
|
1111
1180
|
|
1112
|
-
_.currentSlide = currentSlide;
|
1113
1181
|
_.init();
|
1114
1182
|
|
1183
|
+
_.changeSlide({
|
1184
|
+
data: {
|
1185
|
+
message: 'index',
|
1186
|
+
index: currentSlide,
|
1187
|
+
}
|
1188
|
+
}, true);
|
1189
|
+
|
1115
1190
|
};
|
1116
1191
|
|
1117
1192
|
Slick.prototype.reinit = function() {
|
@@ -1161,7 +1236,7 @@
|
|
1161
1236
|
|
1162
1237
|
};
|
1163
1238
|
|
1164
|
-
Slick.prototype.removeSlide = function(index, removeBefore) {
|
1239
|
+
Slick.prototype.removeSlide = function(index, removeBefore, removeAll) {
|
1165
1240
|
|
1166
1241
|
var _ = this;
|
1167
1242
|
|
@@ -1178,7 +1253,11 @@
|
|
1178
1253
|
|
1179
1254
|
_.unload();
|
1180
1255
|
|
1181
|
-
|
1256
|
+
if(removeAll === true) {
|
1257
|
+
_.$slideTrack.children().remove();
|
1258
|
+
} else {
|
1259
|
+
_.$slideTrack.children(this.options.slide).eq(index).remove();
|
1260
|
+
}
|
1182
1261
|
|
1183
1262
|
_.$slides = _.$slideTrack.children(this.options.slide);
|
1184
1263
|
|
@@ -1322,6 +1401,10 @@
|
|
1322
1401
|
_.setFade();
|
1323
1402
|
}
|
1324
1403
|
|
1404
|
+
if (_.options.onSetPosition !== null) {
|
1405
|
+
_.options.onSetPosition.call(this, _);
|
1406
|
+
}
|
1407
|
+
|
1325
1408
|
};
|
1326
1409
|
|
1327
1410
|
Slick.prototype.setProps = function() {
|
@@ -1498,7 +1581,7 @@
|
|
1498
1581
|
|
1499
1582
|
};
|
1500
1583
|
|
1501
|
-
Slick.prototype.slideHandler = function(index,sync) {
|
1584
|
+
Slick.prototype.slideHandler = function(index,sync,dontAnimate) {
|
1502
1585
|
|
1503
1586
|
var targetSlide, animSlide, oldSlide, slideLeft, unevenOffset, targetLeft = null,
|
1504
1587
|
_ = this;
|
@@ -1525,24 +1608,30 @@
|
|
1525
1608
|
targetLeft = _.getLeft(targetSlide);
|
1526
1609
|
slideLeft = _.getLeft(_.currentSlide);
|
1527
1610
|
|
1528
|
-
unevenOffset = _.options.slidesToScroll === 1 ? 0 : _.options.slidesToShow - (Math.round(_.slideCount / _.options.slidesToScroll));
|
1529
|
-
|
1530
1611
|
_.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;
|
1531
1612
|
|
1532
|
-
if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.
|
1613
|
+
if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {
|
1533
1614
|
if(_.options.fade === false) {
|
1534
1615
|
targetSlide = _.currentSlide;
|
1535
|
-
|
1616
|
+
if(dontAnimate!==true) {
|
1617
|
+
_.animateSlide(slideLeft, function() {
|
1618
|
+
_.postSlide(targetSlide);
|
1619
|
+
});
|
1620
|
+
} else {
|
1536
1621
|
_.postSlide(targetSlide);
|
1537
|
-
}
|
1622
|
+
}
|
1538
1623
|
}
|
1539
1624
|
return;
|
1540
1625
|
} else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) {
|
1541
1626
|
if(_.options.fade === false) {
|
1542
1627
|
targetSlide = _.currentSlide;
|
1543
|
-
|
1628
|
+
if(dontAnimate!==true) {
|
1629
|
+
_.animateSlide(slideLeft, function() {
|
1630
|
+
_.postSlide(targetSlide);
|
1631
|
+
});
|
1632
|
+
} else {
|
1544
1633
|
_.postSlide(targetSlide);
|
1545
|
-
}
|
1634
|
+
}
|
1546
1635
|
}
|
1547
1636
|
return;
|
1548
1637
|
}
|
@@ -1582,15 +1671,23 @@
|
|
1582
1671
|
_.updateArrows();
|
1583
1672
|
|
1584
1673
|
if (_.options.fade === true) {
|
1585
|
-
|
1674
|
+
if(dontAnimate!==true) {
|
1675
|
+
_.fadeSlide(oldSlide,animSlide, function() {
|
1676
|
+
_.postSlide(animSlide);
|
1677
|
+
});
|
1678
|
+
} else {
|
1586
1679
|
_.postSlide(animSlide);
|
1587
|
-
}
|
1680
|
+
}
|
1588
1681
|
return;
|
1589
1682
|
}
|
1590
1683
|
|
1591
|
-
|
1684
|
+
if(dontAnimate!==true) {
|
1685
|
+
_.animateSlide(targetLeft, function() {
|
1686
|
+
_.postSlide(animSlide);
|
1687
|
+
});
|
1688
|
+
} else {
|
1592
1689
|
_.postSlide(animSlide);
|
1593
|
-
}
|
1690
|
+
}
|
1594
1691
|
|
1595
1692
|
};
|
1596
1693
|
|
@@ -1629,13 +1726,13 @@
|
|
1629
1726
|
}
|
1630
1727
|
|
1631
1728
|
if ((swipeAngle <= 45) && (swipeAngle >= 0)) {
|
1632
|
-
return 'left';
|
1729
|
+
return (_.options.rtl === false ? 'left' : 'right');
|
1633
1730
|
}
|
1634
1731
|
if ((swipeAngle <= 360) && (swipeAngle >= 315)) {
|
1635
|
-
return 'left';
|
1732
|
+
return (_.options.rtl === false ? 'left' : 'right');
|
1636
1733
|
}
|
1637
1734
|
if ((swipeAngle >= 135) && (swipeAngle <= 225)) {
|
1638
|
-
return 'right';
|
1735
|
+
return (_.options.rtl === false ? 'right' : 'left');
|
1639
1736
|
}
|
1640
1737
|
|
1641
1738
|
return 'vertical';
|
@@ -1741,7 +1838,7 @@
|
|
1741
1838
|
event.preventDefault();
|
1742
1839
|
}
|
1743
1840
|
|
1744
|
-
positionOffset = _.touchObject.curX > _.touchObject.startX ? 1 : -1;
|
1841
|
+
positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);
|
1745
1842
|
|
1746
1843
|
if (_.options.vertical === false) {
|
1747
1844
|
_.swipeLeft = curLeft + _.touchObject.swipeLength * positionOffset;
|
@@ -1890,7 +1987,7 @@
|
|
1890
1987
|
});
|
1891
1988
|
};
|
1892
1989
|
|
1893
|
-
$.fn.slickGoTo = function(slide) {
|
1990
|
+
$.fn.slickGoTo = function(slide, dontAnimate) {
|
1894
1991
|
var _ = this;
|
1895
1992
|
return _.each(function(index, element) {
|
1896
1993
|
|
@@ -1899,7 +1996,7 @@
|
|
1899
1996
|
message: 'index',
|
1900
1997
|
index: parseInt(slide)
|
1901
1998
|
}
|
1902
|
-
});
|
1999
|
+
}, dontAnimate);
|
1903
2000
|
|
1904
2001
|
});
|
1905
2002
|
};
|
@@ -1959,6 +2056,15 @@
|
|
1959
2056
|
});
|
1960
2057
|
};
|
1961
2058
|
|
2059
|
+
$.fn.slickRemoveAll = function() {
|
2060
|
+
var _ = this;
|
2061
|
+
return _.each(function(index, element) {
|
2062
|
+
|
2063
|
+
element.slick.removeSlide(null, null, true);
|
2064
|
+
|
2065
|
+
});
|
2066
|
+
};
|
2067
|
+
|
1962
2068
|
$.fn.slickGetOption = function(option) {
|
1963
2069
|
var _ = this;
|
1964
2070
|
return _.get(0).slick.options[option];
|
data/lib/slick_rails/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: slick_rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.3.
|
4
|
+
version: 1.3.14
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Guy Israeli
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-
|
11
|
+
date: 2014-11-12 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|