Merge pull request #717 from meandmax/iFixit-add-option-for-initial-index

Add initial index

Author: meandmax

README.md

@@ -284,6 +284,11 @@ li {
         <td>cubic bezier easing functions: http://easings.net/de</td>
         <td>default: 'ease'</td>
     </tr>
+    <tr>
+        <td>initialIndex</td>
+        <td>the slide index to show when the slider is initialized</td>
+        <td>default: 0</td>
+    </tr>
     <tr>
         <td>classNameFrame</td>
         <td>class name for slider frame</td>

dist/jquery.lory.js

@@ -377,9 +377,11 @@ function lory(slider, opts) {
             classNamePrevCtrl = _options4.classNamePrevCtrl,
             classNameNextCtrl = _options4.classNameNextCtrl,
             enableMouseEvents = _options4.enableMouseEvents,
-            classNameActiveSlide = _options4.classNameActiveSlide;
+            classNameActiveSlide = _options4.classNameActiveSlide,
+            initialIndex = _options4.initialIndex;
 
 
+        index = initialIndex;
         frame = slider.getElementsByClassName(classNameFrame)[0];
         slideContainer = frame.getElementsByClassName(classNameSlideContainer)[0];
         prevCtrl = slider.getElementsByClassName(classNamePrevCtrl)[0];
@@ -437,7 +439,8 @@ function lory(slider, opts) {
             ease = _options5.ease,
             rewindSpeed = _options5.rewindSpeed,
             rewindOnResize = _options5.rewindOnResize,
-            classNameActiveSlide = _options5.classNameActiveSlide;
+            classNameActiveSlide = _options5.classNameActiveSlide,
+            initialIndex = _options5.initialIndex;
 
 
         slidesWidth = slideContainer.getBoundingClientRect().width || slideContainer.offsetWidth;
@@ -450,7 +453,7 @@ function lory(slider, opts) {
         }
 
         if (rewindOnResize) {
-            index = 0;
+            index = initialIndex;
         } else {
             ease = null;
             rewindSpeed = 0;
@@ -758,6 +761,12 @@ exports.default = {
    */
   infinite: false,
 
+  /**
+   * the slide index to show when the slider is initialized.
+   * @initialIndex {number}
+   */
+  initialIndex: 0,
+
   /**
    * class name for slider frame
    * @classNameFrame {string}

dist/jquery.lory.min.js

@@ -377,9 +377,11 @@ function lory(slider, opts) {
             classNamePrevCtrl = _options4.classNamePrevCtrl,
             classNameNextCtrl = _options4.classNameNextCtrl,
             enableMouseEvents = _options4.enableMouseEvents,
-            classNameActiveSlide = _options4.classNameActiveSlide;
+            classNameActiveSlide = _options4.classNameActiveSlide,
+            initialIndex = _options4.initialIndex;
 
 
+        index = initialIndex;
         frame = slider.getElementsByClassName(classNameFrame)[0];
         slideContainer = frame.getElementsByClassName(classNameSlideContainer)[0];
         prevCtrl = slider.getElementsByClassName(classNamePrevCtrl)[0];
@@ -437,7 +439,8 @@ function lory(slider, opts) {
             ease = _options5.ease,
             rewindSpeed = _options5.rewindSpeed,
             rewindOnResize = _options5.rewindOnResize,
-            classNameActiveSlide = _options5.classNameActiveSlide;
+            classNameActiveSlide = _options5.classNameActiveSlide,
+            initialIndex = _options5.initialIndex;
 
 
         slidesWidth = slideContainer.getBoundingClientRect().width || slideContainer.offsetWidth;
@@ -450,7 +453,7 @@ function lory(slider, opts) {
         }
 
         if (rewindOnResize) {
-            index = 0;
+            index = initialIndex;
         } else {
             ease = null;
             rewindSpeed = 0;
@@ -758,6 +761,12 @@ exports.default = {
    */
   infinite: false,
 
+  /**
+   * the slide index to show when the slider is initialized.
+   * @initialIndex {number}
+   */
+  initialIndex: 0,
+
   /**
    * class name for slider frame
    * @classNameFrame {string}

dist/jquery.lory.min.js.map

@@ -700,6 +700,11 @@ <h2>Options</h2>
                     <td>time for the snapBack of the slider if the slide attempt was not valid</td>
                     <td>default: 200</td>
                 </tr>
+                <tr>
+                    <td>initialIndex</td>
+                    <td>the slide index to show when the slider is initialized</td>
+                    <td>default: 0</td>
+                </tr>
                 <tr>
                     <th>ease</th>
                     <td>cubic bezier easing functions: http://easings.net/de</td>

dist/lory.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}

dist/lory.min.js

@@ -243,9 +243,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];
@@ -298,7 +300,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;
@@ -312,7 +314,7 @@ export function lory (slider, opts) {
         }
 
         if (rewindOnResize) {
-            index = 0;
+            index = initialIndex;
         } else {
             ease = null;
             rewindSpeed = 0;