![license](https://img.shields.io/npm/l/lightslider.svg) ![travis](https://travis-ci.org/sachinchoolur/lightslider.svg?branch=master) ![bower](https://img.shields.io/bower/v/lightslider.svg) ![npm](https://img.shields.io/npm/v/lightslider.svg) jQuery lightSlider ============= Demo ---------------- [JQuery lightSlider demo](http://sachinchoolur.github.io/lightslider/) Description ---------------- JQuery lightSlider is a lightweight responsive Content slider with carousel thumbnails navigation Main Features ---------------- + Fully responsive - will adapt to any device. + Separate settings per breakpoint. + Gallery mode to create an image slideshow with thumbnails + Supports swipe and mouseDrag + Add or remove slides dynamically. + Small file size, fully themed, simple to implement. + CSS transitions with jQuery fallback. + Full callback API and public methods. + Auto play and infinite loop to create a content carousel. + Keyboard, arrows and dots navigation. + Chrome, Safari, Firefox, Opera, IE7+, IOS, Android, windows phone. + Slide and Fade Effects. + Auto width, Vertical Slide, Adaptiveheight, Rtl support... + Multiple instances on one page. + Slide anything (youtube, vimeo , google map ...) How to use lightSlider? -------------------- ### Bower You can Install lightslider using the [Bower](http://bower.io) package manager. ```sh $ bower install lightslider ``` ### npm You can also find lightslider on [npm](http://npmjs.org). ```sh $ npm install lightslider ``` ### The code ### add the Following code to the <head> of your document. ```html // Do not include both lightslider.js and lightslider.min.js ``` ### HTML Structure ### ```html

First Slide

Lorem ipsum Cupidatat quis pariatur anim.
Second Slide

Lorem ipsum Excepteur amet adipisicing fugiat velit nisi.

``` ### Call lightSlider! ### ```html ``` ### Play with settings ### ```html ``` ### Public methods ### ```html ``` ### Report an Issue ### If you think you might have found a bug or if you have a feature suggestion please use github [issue tracker](https://github.com/sachinchoolur/lightslider/issues/new). Also please try to add a jsfiddle that demonstrates your problem If you need any help with implementing lightslider in your project or if have you any personal support requests i requset you to please use [stackoverflow](https://stackoverflow.com/) instead of github issue tracker If you like lightSlider support me by staring this repository or tweet about this project. [@sachinchoolur](https://twitter.com/sachinchoolur) #### [guidelines for contributors](https://github.com/sachinchoolur/lightslider/blob/master/contributing.md) #### MIT © [Sachin](https://twitter.com/sachinchoolur)

First Slide

Second Slide