diff --git a/README.md b/README.md index 47fec70..4976e41 100644 --- a/README.md +++ b/README.md @@ -112,6 +112,7 @@ add the Following code to the <head> of your document. nextHtml: '', rtl:false, + centerSlide:false,//center the active slide adaptiveHeight:false, vertical:false, diff --git a/src/js/lightslider.js b/src/js/lightslider.js index d506719..add0238 100644 --- a/src/js/lightslider.js +++ b/src/js/lightslider.js @@ -20,6 +20,7 @@ prevHtml: '', nextHtml: '', rtl: false, + centerSlide: false, adaptiveHeight: false, vertical: false, verticalHeight: 500, @@ -233,6 +234,9 @@ if (settings.rtl === true) { $slide.parent().addClass('lSrtl'); } + if (settings.centerSlide === true) { + $slide.parent().addClass('lScenterSlide'); + } if (settings.vertical) { $slide.parent().addClass('vertical'); elSize = settings.verticalHeight; @@ -519,6 +523,9 @@ } }, move: function (ob, v) { + if (settings.centerSlide === true) { + v -= (windowW - slideWidth) / 2; + } if (settings.rtl === true) { v = -v; } @@ -1076,4 +1083,4 @@ }); return this; }; -}(jQuery)); \ No newline at end of file +}(jQuery));