jQuery lightSlider

<link href="lightslider.min.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="lightslider.min.js"></script>

<ul id="light-slider">
    <li>
        <h3><img src="http://jquery.netid.pl/media/sample/700x500/1.jpg" alt="" /></h3>
    </li>
    <li>
        <h3><img src="http://jquery.netid.pl/media/sample/700x500/2.jpg" alt="" /></h3>
    </li>
    <li>
        <h3><img src="http://jquery.netid.pl/media/sample/700x500/3.jpg" alt="" /></h3>
    </li>
    <li>
        <h3><img src="http://jquery.netid.pl/media/sample/700x500/1.jpg" alt="" /></h3>
    </li>
    <li>
        <h3><img src="http://jquery.netid.pl/media/sample/700x500/2.jpg" alt="" /></h3>
    </li>
</ul>

$(document).ready(function() {
	$("#light-slider").lightSlider({
	    item: 3,
	    autoWidth: false,
	    slideMove: 1, // slidemove will be 1 if loop is true
	    slideMargin: 10,
	
	    addClass: '',
	    mode: "slide",
	    useCSS: true,
	    cssEasing: 'ease', //'cubic-bezier(0.25, 0, 0.25, 1)',//
	    easing: 'linear', //'for jquery animation',////
	
	    speed: 400, //ms'
	    auto: false,
	    loop: false,
	    slideEndAnimation: true,
	    pause: 2000,
	
	    keyPress: false,
	    controls: true,
	    prevHtml: '',
	    nextHtml: '',
	
	    rtl:false,
	    adaptiveHeight:false,
	
	    vertical:false,
	    verticalHeight:500,
	    vThumbWidth:100,
	
	    thumbItem:10,
	    pager: true,
	    gallery: false,
	    galleryMargin: 5,
	    thumbMargin: 5,
	    currentPagerPosition: 'middle',
	
	    enableTouch:true,
	    enableDrag:true,
	    freeMove:true,
	    swipeThreshold: 40,
	
	    responsive : [],
	
	    onBeforeStart: function (el) {},
	    onSliderLoad: function (el) {},
	    onBeforeSlide: function (el) {},
	    onAfterSlide: function (el) {},
	    onBeforeNextSlide: function (el) {},
	    onBeforePrevSlide: function (el) {}
	});
});