adding center slide functionality and updating readme (#24)

getgrav · Apr 19, 2017 · 2006945 · 2006945
1 parent b0ec647
commit 2006945
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -79,6 +79,7 @@ type_text_brightness: 0
 item: 1
 slideMove: 1
 slideMargin: 0
+centerSlide: 'false'
 loop: 'false'
 mode: 'fade'
 controls: 'true'
@@ -146,6 +147,7 @@ Here is a breakdown of lightSlider's options you can use in this plugin:
 | item           | The number of slides to show at a time                                                                                     |
 | slideMove      | This option sets the number of slides moved at a time. The default setting is `1`.                                         |
 | slideMargin    | This option sets the spacing between each slide.                                                                           |
+| centerSlide    | This option centers the active slide within the slider, rather than positioning it on the left side of the slider.                              |
 | mode           | Sets the transition mode. Your options are `slide` and `fade`.                                                             |
 | cssEasing      | Type of easing to be used for css animations. defaults to `ease`                                                           |
 | easing         | Type of easing to be used for jquery animations. defaults to `linear`                                                      |

diff --git a/js/lightslider.js b/js/lightslider.js
@@ -8,6 +8,7 @@
         autoWidth: false,
         slideMove: 1,
         slideMargin: 10,
+        centerSlide: false,
         addClass: '',
         mode: 'slide',
         useCSS: true,
@@ -610,6 +611,12 @@
                         _sV += (parseInt($children.eq(i).width()) + settings.slideMargin);
                     }
                 }
+                if (settings.centerSlide) {
+                    var extraWidth = elSize - $children.eq(scene).width();
+                    if (extraWidth > 1) {
+                        _sV -= Math.round(extraWidth / 2);
+                    }
+                }
                 return _sV;
             },
             slideThumb: function () {