add option initialIndex

Allow the slider to start at any slide when it is first initialized. Previously, it would always start at slide index 0.
loryjs · Apr 5, 2017 · cf19cfd · cf19cfd
1 parent 5722216
commit cf19cfd
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/defaults.js b/src/defaults.js
@@ -44,6 +44,12 @@ export default {
      */
     infinite: false,
 
+    /**
+     * the slide index to show when the slider is initialized.
+     * @initialIndex {number}
+     */
+    initialIndex: 0,
+
     /**
      * class name for slider frame
      * @classNameFrame {string}

diff --git a/src/lory.js b/src/lory.js
@@ -219,9 +219,11 @@ export function lory (slider, opts) {
             classNamePrevCtrl,
             classNameNextCtrl,
             enableMouseEvents,
-            classNameActiveSlide
+            classNameActiveSlide,
+            initialIndex
         } = options;
 
+        index = initialIndex;
         frame = slider.getElementsByClassName(classNameFrame)[0];
         slideContainer = frame.getElementsByClassName(classNameSlideContainer)[0];
         prevCtrl = slider.getElementsByClassName(classNamePrevCtrl)[0];
@@ -266,7 +268,7 @@ export function lory (slider, opts) {
      * reset function: called on resize
      */
     function reset () {
-        var {infinite, ease, rewindSpeed, rewindOnResize, classNameActiveSlide} = options;
+        var {infinite, ease, rewindSpeed, rewindOnResize, classNameActiveSlide, initialIndex} = options;
 
         slidesWidth = slideContainer.getBoundingClientRect()
             .width || slideContainer.offsetWidth;
@@ -280,7 +282,7 @@ export function lory (slider, opts) {
         }
 
         if (rewindOnResize) {
-            index = 0;
+            index = initialIndex;
         } else {
             ease = null;
             rewindSpeed = 0;