Add active class to infinite clones

loryjs · Jan 16, 2020 · fc0d514 · fc0d514
1 parent 648fa7a
commit fc0d514
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/lory.js b/src/lory.js
@@ -39,7 +39,7 @@ export function lory (slider, opts) {
      * set active class to element which is the current slide
      */
     function setActiveElement (slides, currentIndex) {
-        const {classNameActiveSlide} = options;
+        const {classNameActiveSlide, infinite} = options;
 
         slides.forEach((element, index) => {
             if (element.classList.contains(classNameActiveSlide)) {
@@ -48,6 +48,12 @@ export function lory (slider, opts) {
         });
 
         slides[currentIndex].classList.add(classNameActiveSlide);
+
+        if (infinite && currentIndex === slides.length - infinite * 2) {
+            slides[infinite - 1].classList.add(classNameActiveSlide);
+        } else if (currentIndex === infinite) {
+            slides[slides.length - infinite].classList.add(classNameActiveSlide);
+        }
     }
 
     /**