Permalink
Browse files

1.6.0

  • Loading branch information...
1 parent 94ad068 commit 0aee9fe00e440cc9d72c2dc11768ad9277880603 @kenwheeler committed May 6, 2016
Showing with 147 additions and 10 deletions.
  1. +3 −3 README.markdown
  2. +1 −1 bower.json
  3. +1 −1 component.json
  4. +137 −0 index.html
  5. +1 −1 package.json
  6. +1 −1 slick/slick.js
  7. +3 −3 slick/slick.min.js
View
@@ -21,15 +21,15 @@ to serve the files as close, and fast as possible to your users:
Just add a link to the css file in your `<head>`:
```html
-<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css"/>
+<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
<!-- Add the slick-theme.css if you want default styling -->
-<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick-theme.css"/>
+<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
```
Then, before your closing ```<body>``` tag add:
```html
-<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>
+<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
```
#### Package Managers
View
@@ -6,7 +6,7 @@
"slick/slick.less",
"slick/slick.scss"
],
- "version": "1.5.9",
+ "version": "1.6.0",
"homepage": "https://github.com/kenwheeler/slick",
"authors": [
"Ken Wheeler <ken_wheeler@me.com>"
View
@@ -2,7 +2,7 @@
"name": "slick",
"repo": "kenwheeler/slick",
"description": "the last carousel you'll ever need",
- "version": "1.5.9",
+ "version": "1.6.0",
"keywords": ["ui", "jquery", "carousel", "responsive", "slider"],
"dependencies": {
"component/jquery": "*"
View
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Slick Playground</title>
+ <meta charset="UTF-8">
+ <link rel="stylesheet" type="text/css" href="./slick/slick.css">
+ <link rel="stylesheet" type="text/css" href="./slick/slick-theme.css">
+ <style type="text/css">
+ html, body {
+ margin: 0;
+ padding: 0;
+ }
+
+ * {
+ box-sizing: border-box;
+ }
+
+ .slider {
+ width: 50%;
+ margin: 100px auto;
+ }
+
+ .slick-slide {
+ margin: 0px 20px;
+ }
+
+ .slick-slide img {
+ width: 100%;
+ }
+
+ .slick-prev:before,
+ .slick-next:before {
+ color: black;
+ }
+ </style>
+</head>
+<body>
+
+ <section class="regular slider">
+ <div>
+ <img src="http://placehold.it/350x300?text=1">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=2">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=3">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=4">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=5">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=6">
+ </div>
+ </section>
+
+ <section class="center slider">
+ <div>
+ <img src="http://placehold.it/350x300?text=1">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=2">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=3">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=4">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=5">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=6">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=7">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=8">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=9">
+ </div>
+ </section>
+
+ <section class="variable slider">
+ <div>
+ <img src="http://placehold.it/350x300?text=1">
+ </div>
+ <div>
+ <img src="http://placehold.it/200x300?text=2">
+ </div>
+ <div>
+ <img src="http://placehold.it/100x300?text=3">
+ </div>
+ <div>
+ <img src="http://placehold.it/200x300?text=4">
+ </div>
+ <div>
+ <img src="http://placehold.it/350x300?text=5">
+ </div>
+ <div>
+ <img src="http://placehold.it/300x300?text=6">
+ </div>
+ </section>
+
+ <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
+ <script src="./slick/slick.js" type="text/javascript" charset="utf-8"></script>
+ <script type="text/javascript">
+ $(document).on('ready', function() {
+ $(".regular").slick({
+ dots: true,
+ infinite: true,
+ slidesToShow: 3,
+ slidesToScroll: 3
+ });
+ $(".center").slick({
+ dots: true,
+ infinite: true,
+ centerMode: true,
+ slidesToShow: 3,
+ slidesToScroll: 3
+ });
+ $(".variable").slick({
+ dots: true,
+ infinite: true,
+ variableWidth: true
+ });
+ });
+ </script>
+
+</body>
+</html>
View
@@ -1,6 +1,6 @@
{
"name": "slick-carousel",
- "version": "1.5.10",
+ "version": "1.6.0",
"description": "the last carousel you'll ever need",
"main": "slick/slick.js",
"repository": {
View
@@ -6,7 +6,7 @@
|___/_|_|\___|_|\_(_)/ |___/
|__/
- Version: 1.5.9
+ Version: 1.6.0
Author: Ken Wheeler
Website: http://kenwheeler.github.io
Docs: http://kenwheeler.github.io/slick
View
Oops, something went wrong.

0 comments on commit 0aee9fe

Please sign in to comment.