Version 1.3.4

- Removed placeholders. Adding fluid uneven counts for all modes. - Refactored paging. So much better now. - Refactored add/remove - Refactored element build - Made centerPadding flexible to allow percentages/other units - Dollar prefixed cached query variables - Added vendor specific transition constraints - Fixed lazy load index bug - Android browser bug fixes - Weight reduction TLDR: It’s better, faster, cleaner & smoother
kenwheeler · Apr 9, 2014 · f24dcb0 · f24dcb0
1 parent 3ba6be7
commit f24dcb0
Show file tree

Hide file tree

Showing 13 changed files with 2,297 additions and 838 deletions.
diff --git a/README.markdown b/README.markdown
@@ -18,7 +18,7 @@ accessibility | boolean | true | Enables tabbing and arrow key navigation
 autoplay | boolean | false | Enables auto play of slides
 autoplaySpeed | int  | 3000 | Auto play change interval
 centerMode | boolean | false | Enables centered view with partial prev/next slides. Use with odd numbered slidesToShow counts.
-centerPadding | int | 50 | Side padding when in center mode.
+centerPadding | string | '50px' | Side padding when in center mode. (px or %)
 cssEase | string |  'ease' | CSS3 easing
 dots | boolean | false | Current slide indicator dots
 draggable | boolean | true | Enables desktop dragging
@@ -32,7 +32,6 @@ onAfterChange(this, index) | method | null | After slide change callback
 onInit(this) | method | null | When Slick initializes for the first time callback
 onReInit(this) | method | null | Every time Slick (re-)initializes callback
 pauseOnHover | boolean | true | Pauses autoplay on hover
-placeholders | boolean | true | Enable placeholders to enforce slidesToScroll with uneven slide counts (Doesn't work with infinite: true)
 responsive | object | null | Breakpoint triggered settings
 slide | string | 'div' | Slide element query
 slidesToShow | int | 1 | # of slides to show at a time

diff --git a/bower.json b/bower.json
@@ -1,27 +1,27 @@
 {
-  "name": "slick-carousel",
-  "main": "slick/slick.min.js",
-  "version": "1.3.3",
-  "homepage": "https://github.com/kenwheeler/slick",
-  "authors": [
-    "Ken Wheeler <ken_wheeler@me.com>"
-  ],
-  "description": "the last carousel you'll ever need",
-  "keywords": [
-    "responsive",
-    "carousel",
-    "jquery"
-  ],
-  "license": "MIT",
-  "ignore": [
-    "**/.*",
-    "node_modules",
-    "bower_components",
-    "test",
-    "tests",
-    "index.html"
-  ],
-  "dependencies": {
-    "jquery": ">=1.7"
-  }
-}
+    "name": "slick-carousel",
+    "main": "slick/slick.min.js",
+    "version": "1.3.4",
+    "homepage": "https://github.com/kenwheeler/slick",
+    "authors": [
+        "Ken Wheeler <ken_wheeler@me.com>"
+    ],
+    "description": "the last carousel you'll ever need",
+    "keywords": [
+        "responsive",
+        "carousel",
+        "jquery"
+    ],
+    "license": "MIT",
+    "ignore": [
+        "**/.*",
+        "node_modules",
+        "bower_components",
+        "test",
+        "tests",
+        "index.html"
+    ],
+    "dependencies": {
+        "jquery": ">=1.7"
+    }
+}
diff --git a/css/pacifico.eot b/css/pacifico.eot
diff --git a/css/pacifico.svg b/css/pacifico.svg
diff --git a/css/pacifico.ttf b/css/pacifico.ttf
diff --git a/css/pacifico.woff b/css/pacifico.woff
diff --git a/css/style.css b/css/style.css
@@ -1,3 +1,12 @@
+@font-face {
+  font-family: 'Pacifico';
+  src: url('pacifico.eot');
+  src: url('pacifico.eot?#iefix') format('embedded-opentype'),
+       url('pacifico.woff') format('woff'),
+       url('pacifico.ttf') format('truetype'),
+       url('pacifico.svg#Pacifico') format('svg');
+}
+
 #disqus_thread{margin-top:20px;}
 *{-moz-box-sizing:border-box;box-sizing:border-box;}
 .blue{background:#3498db;color:#fff;}

diff --git a/index.html b/index.html
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-	<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
 	<title>slick - the last carousel you'll ever need</title>
 	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/styles/monokai.min.css">
 	<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
@@ -174,7 +173,6 @@ <h2>One At A Time</h2>
 $('.one-time').slick({
   dots: true,
   infinite: false,
-  placeholders: false,
   speed: 300,
   slidesToShow: 5,
   touchMove: false,
@@ -210,15 +208,15 @@ <h2>Center Mode</h2>
 				<pre><code>
 $('.center').slick({
   centerMode: true,
-  centerPadding: 60,
+  centerPadding: '60px',
   slidesToShow: 3,
   responsive: [
     {
       breakpoint: 768,
       settings: {
         arrows: false,
         centerMode: true,
-        centerPadding: 40,
+        centerPadding: '40px',
         slidesToShow: 3
       }
     },
@@ -227,7 +225,7 @@ <h2>Center Mode</h2>
       settings: {
         arrows: false,
         centerMode: true,
-        centerPadding: 40,
+        centerPadding: '40px',
         slidesToShow: 1
       }
     }
@@ -445,9 +443,9 @@ <h2 >Settings</h2>
 						</tr>
 						<tr>
 							<td>centerPadding</td>
-							<td>int</td>
-							<td>50</td>
-							<td>Side padding when in center mode</td>
+							<td>string</td>
+							<td>'50px'</td>
+							<td>Side padding when in center mode (px or %)</td>
 						</tr>
 						<tr>
 							<td>cssEase</td>
@@ -521,12 +519,6 @@ <h2 >Settings</h2>
 							<td>true</td>
 							<td>Pause Autoplay On Hover</td>
 						</tr>
-						<tr>
-							<td>placeholders</td>
-							<td>boolean</td>
-							<td>true</td>
-							<td>Enable placeholders to enforce slidesToScroll with uneven slide counts. (false doesn't work with infinite: true)</td>
-						</tr>
 						<tr>
 							<td>responsive</td>
 							<td>object</td>