diff --git a/index.html b/index.html index 761bebfd2..2e7e57555 100644 --- a/index.html +++ b/index.html @@ -30,12 +30,190 @@ .slick-prev:before, .slick-next:before { - color: black; + color: black; + } + + + .slick-slide { + transition: all ease-in-out .3s; + opacity: .2; + } + + .slick-active { + opacity: .5; + } + + .slick-current { + opacity: 1; } +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
@@ -134,6 +312,38 @@ + - \ No newline at end of file + diff --git a/slick/slick.js b/slick/slick.js index aa3b01468..bc52e2809 100644 --- a/slick/slick.js +++ b/slick/slick.js @@ -1079,7 +1079,8 @@ targetLeft, verticalHeight, verticalOffset = 0, - targetSlide; + targetSlide, + coef; _.slideOffset = 0; verticalHeight = _.$slides.first().outerHeight(true); @@ -1087,7 +1088,16 @@ if (_.options.infinite === true) { if (_.slideCount > _.options.slidesToShow) { _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1; - verticalOffset = (verticalHeight * _.options.slidesToShow) * -1; + coef = -1 + + if (_.options.vertical === true && _.options.centerMode === true) { + if (_.options.slidesToShow === 2) { + coef = -1.5; + } else if (_.options.slidesToShow === 1) { + coef = -2 + } + } + verticalOffset = (verticalHeight * _.options.slidesToShow) * coef; } if (_.slideCount % _.options.slidesToScroll !== 0) { if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) { @@ -2285,14 +2295,15 @@ if (_.options.centerMode === true) { + var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0; + centerOffset = Math.floor(_.options.slidesToShow / 2); if (_.options.infinite === true) { if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) { - _.$slides - .slice(index - centerOffset, index + centerOffset + 1) + .slice(index - centerOffset + evenCoef, index + centerOffset + 1) .addClass('slick-active') .attr('aria-hidden', 'false'); @@ -2300,7 +2311,7 @@ indexOffset = _.options.slidesToShow + index; allSlides - .slice(indexOffset - centerOffset + 1, indexOffset + centerOffset + 2) + .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2) .addClass('slick-active') .attr('aria-hidden', 'false');