lightslider
Advanced tools
Comparing version 1.1.1 to 1.1.2
{ | ||
"name": "lightslider", | ||
"version": "1.1.1", | ||
"homepage": "https://github.com/sachinchoolur/lightslider", | ||
"authors": [ | ||
"Sachin N <sachi77n@gmail.com>" | ||
], | ||
"description": "jQuery lightSlider is a lightweight responsive content slider - carousel with animated thumbnails navigation", | ||
"main": [ | ||
"lightslider/js/jquery.lightSlider.min.js", | ||
"lightslider/css/lightSlider.css", | ||
"lightslider/img/controls.png" | ||
], | ||
"keywords": [ | ||
"slider", | ||
"contentslider", | ||
"textslider", | ||
"slideshow", | ||
"gallery", | ||
"responsive", | ||
"carousel", | ||
"animation", | ||
"jQuery", | ||
"video", | ||
"image", | ||
"CSS3", | ||
"touch", | ||
"swipe", | ||
"thumbnail" | ||
], | ||
"license": "MLT", | ||
"ignore": [ | ||
"README.md" | ||
] | ||
"name": "lightslider", | ||
"version": "1.1.2", | ||
"homepage": "https://github.com/sachinchoolur/lightslider", | ||
"authors": [ | ||
"Sachin N <sachi77n@gmail.com>" | ||
], | ||
"description": "jQuery lightSlider is a lightweight responsive content slider - carousel with animated thumbnails navigation", | ||
"main": [ | ||
"dist/js/lightslider.min.js", | ||
"dist/css/lightslider.min.css", | ||
"dist/img/controls.png" | ||
], | ||
"keywords": [ | ||
"slider", | ||
"contentslider", | ||
"textslider", | ||
"slideshow", | ||
"gallery", | ||
"responsive", | ||
"carousel", | ||
"animation", | ||
"jQuery", | ||
"video", | ||
"image", | ||
"CSS3", | ||
"touch", | ||
"swipe", | ||
"thumbnail" | ||
], | ||
"license": "MLT", | ||
"ignore": [ | ||
"README.md", | ||
"demo" | ||
], | ||
"devDependencies": { | ||
"qunit": "~1.12.0", | ||
"jquery": "~1.7.0" | ||
} | ||
} |
@@ -22,3 +22,3 @@ { | ||
], | ||
"version":"1.1.1", | ||
"version":"1.1.2", | ||
"author":{ | ||
@@ -46,4 +46,4 @@ "name":"Sachin N", | ||
"dependencies":{ | ||
"jquery":">=1.5" | ||
"jquery":">=1.7.0" | ||
} | ||
} |
100
package.json
{ | ||
"name": "lightslider", | ||
"description": "jQuery lightSlider is a lightweight responsive content slider - carousel with animated thumbnails navigation", | ||
"version": "1.1.1", | ||
"keywords": [ | ||
"slider", | ||
"contentslider", | ||
"textslider", | ||
"slideshow", | ||
"gallery", | ||
"responsive", | ||
"carousel", | ||
"animation", | ||
"jQuery", | ||
"video", | ||
"image", | ||
"CSS3", | ||
"touch", | ||
"swipe", | ||
"thumbnail" | ||
], | ||
"author": { | ||
"name": "Sachin", | ||
"url": "https://github.com/sachinchoolur" | ||
}, | ||
"homepage": "https://github.com/sachinchoolur/lightslider", | ||
"repository": { | ||
"type": "git", | ||
"url": "https://github.com/sachinchoolur/lightslider.git" | ||
}, | ||
"bugs": { | ||
"url": "https://github.com/sachinchoolur/lightslider/issues" | ||
}, | ||
"license": { | ||
"type": "MIT", | ||
"url": "http://opensource.org/licenses/MIT" | ||
}, | ||
"dependencies": { | ||
"jquery": ">= 1.5.0" | ||
} | ||
} | ||
"name": "lightslider", | ||
"description": "jQuery lightSlider is a lightweight responsive content slider - carousel with animated thumbnails navigation", | ||
"version": "1.1.2", | ||
"keywords": [ | ||
"slider", | ||
"contentslider", | ||
"textslider", | ||
"slideshow", | ||
"gallery", | ||
"responsive", | ||
"carousel", | ||
"animation", | ||
"jQuery", | ||
"video", | ||
"image", | ||
"CSS3", | ||
"touch", | ||
"swipe", | ||
"thumbnail" | ||
], | ||
"author": { | ||
"name": "Sachin N", | ||
"email": "sachi77n@gmail.com", | ||
"url": "https://github.com/sachinchoolur" | ||
}, | ||
"homepage": "https://github.com/sachinchoolur/lightslider", | ||
"repository": { | ||
"type": "git", | ||
"url": "https://github.com/sachinchoolur/lightslider.git" | ||
}, | ||
"bugs": { | ||
"url": "https://github.com/sachinchoolur/lightslider/issues" | ||
}, | ||
"license": { | ||
"type": "MIT", | ||
"url": "http://opensource.org/licenses/MIT" | ||
}, | ||
"dependencies": { | ||
"jquery": ">= 1.7.0" | ||
}, | ||
"scripts": { | ||
"test": "grunt" | ||
}, | ||
"devDependencies": { | ||
"grunt": "^0.4.5", | ||
"grunt-contrib-clean": "^0.6.0", | ||
"grunt-contrib-concat": "^0.5.0", | ||
"grunt-contrib-connect": "^0.9.0", | ||
"grunt-contrib-copy": "^0.8.0", | ||
"grunt-contrib-cssmin": "^0.12.1", | ||
"grunt-contrib-jshint": "^0.10.0", | ||
"grunt-contrib-qunit": "^0.5.1", | ||
"grunt-contrib-sass": "^0.9.2", | ||
"grunt-contrib-uglify": "^0.7.0", | ||
"grunt-contrib-watch": "^0.6.1", | ||
"jshint-stylish": "^1.0.0", | ||
"load-grunt-tasks": "^2.0.0", | ||
"time-grunt": "^1.0.0" | ||
} | ||
} |
101
README.md
@@ -0,1 +1,6 @@ | ||
![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 | ||
@@ -11,31 +16,4 @@ ============= | ||
---------------- | ||
JQuery lightSlider is a lightweight responsive Content slider with carousel thumbnails navigation ( 9KB minified ) | ||
JQuery lightSlider is a lightweight responsive Content slider with carousel thumbnails navigation | ||
Changelog | ||
---------------- | ||
### Version 1.1.1 ### | ||
+ Infinite loop. | ||
+ Auto width. | ||
+ SlideEnd animation. | ||
+ Improved swipe support. | ||
+ Improved perfomance. | ||
### Version 1.1.0 ### | ||
### Added ### | ||
+ Separate settings per breakpoints. | ||
+ RTL support. | ||
+ AdaptiveHeight. | ||
+ Vertical mode | ||
+ MouseDrag support for desktop browsers. | ||
+ Improved swipe support. | ||
+ Slide item instead of slideWidth. | ||
+ ThumbItem instead of thumbwidth. | ||
### Removed ### | ||
+ slidewidth. | ||
+ minslide | ||
+ maxslide | ||
+ thumbWidth | ||
Main Features | ||
@@ -48,3 +26,3 @@ ---------------- | ||
+ Add or remove slides dynamically. | ||
+ Small file size (7kb) (minified), fully themed, simple to implement. | ||
+ Small file size, fully themed, simple to implement. | ||
+ CSS transitions with jQuery fallback. | ||
@@ -65,13 +43,29 @@ + Full callback API and public methods. | ||
### 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 | ||
<link type="text/css" rel="stylesheet" href="css/lightSlider.css" /> | ||
<link type="text/css" rel="stylesheet" href="css/lightslider.css" /> | ||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> | ||
<script src="js/lightSlider.js"></script> | ||
// Do not include both lightSlider.js and lightSlider.min.js | ||
<script src="js/lightslider.js"></script> | ||
// Do not include both lightslider.js and lightslider.min.js | ||
``` | ||
### HTML Structure ### | ||
```html | ||
<ul id="lightSlider"> | ||
<ul id="light-slider"> | ||
<li> | ||
@@ -92,3 +86,3 @@ <h3>First Slide</h3> | ||
$(document).ready(function() { | ||
$("#lightSlider").lightSlider(); | ||
$("#light-slider").lightSlider(); | ||
}); | ||
@@ -101,3 +95,3 @@ </script> | ||
$(document).ready(function() { | ||
$("#lightSlider").lightSlider({ | ||
$("#light-slider").lightSlider({ | ||
item: 3, | ||
@@ -107,3 +101,3 @@ autoWidth: false, | ||
slideMargin: 10, | ||
addClass: '', | ||
@@ -114,3 +108,3 @@ mode: "slide", | ||
easing: 'linear', //'for jquery animation',//// | ||
speed: 400, //ms' | ||
@@ -121,3 +115,3 @@ auto: false, | ||
pause: 2000, | ||
keyPress: false, | ||
@@ -127,10 +121,10 @@ controls: true, | ||
nextHtml: '', | ||
rtl:false, | ||
adaptiveHeight:false, | ||
vertical:false, | ||
verticalHeight:500, | ||
vThumbWidth:100, | ||
thumbItem:10, | ||
@@ -142,3 +136,3 @@ pager: true, | ||
currentPagerPosition: 'middle', | ||
enableTouch:true, | ||
@@ -148,5 +142,5 @@ enableDrag:true, | ||
swipeThreshold: 40, | ||
responsive : [], | ||
onBeforeStart: function (el) {}, | ||
@@ -166,3 +160,3 @@ onSliderLoad: function (el) {}, | ||
$(document).ready(function() { | ||
var slider = $("#lightSlider").lightSlider(); | ||
var slider = $("#light-slider").lightSlider(); | ||
slider.goToSlide(3); | ||
@@ -173,3 +167,3 @@ slider.goToPrevSlide(); | ||
slider.refresh(); | ||
slider.play(); | ||
slider.play(); | ||
slider.pause(); | ||
@@ -179,3 +173,14 @@ }); | ||
``` | ||
### sachi77n@gmail.com ### | ||
Email me if you have any questions or feedbacks regarding lightslider or [lightGallery](https://github.com/sachinchoolur/lightGallery) | ||
### 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) | ||
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
1562418
54
3073
173
14
1
Updatedjquery@>= 1.7.0