|
6 | 6 | |___/_|_|\___|_|\_(_)/ |___/
|
7 | 7 | |__/
|
8 | 8 |
|
9 |
| - Version: 1.8.1 |
| 9 | + Version: 1.9.0 |
10 | 10 | Author: Ken Wheeler
|
11 | 11 | Website: http://kenwheeler.github.io
|
12 | 12 | Docs: http://kenwheeler.github.io/slick
|
|
1033 | 1033 | }, 0);
|
1034 | 1034 | }
|
1035 | 1035 | ).on(
|
1036 |
| - 'blur.slick', |
1037 |
| - '*', |
1038 |
| - function(event) { |
1039 |
| - var $sf = $(this); |
1040 |
| - |
1041 |
| - // When a blur occurs on any elements within the slider we become unfocused |
1042 |
| - if( _.options.pauseOnFocus ) { |
1043 |
| - _.focussed = false; |
1044 |
| - _.autoPlay(); |
| 1036 | + 'blur.slick', |
| 1037 | + '*', |
| 1038 | + function(event) { |
| 1039 | + var $sf = $(this); |
| 1040 | + |
| 1041 | + // When a blur occurs on any elements within the slider we become unfocused |
| 1042 | + if( _.options.pauseOnFocus ) { |
| 1043 | + _.focussed = false; |
| 1044 | + _.autoPlay(); |
| 1045 | + } |
1045 | 1046 | }
|
1046 |
| - } |
1047 |
| - ); |
| 1047 | + ); |
1048 | 1048 | };
|
1049 | 1049 |
|
1050 | 1050 | Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function() {
|
|
1064 | 1064 |
|
1065 | 1065 | if (_.options.infinite === true) {
|
1066 | 1066 | if (_.slideCount <= _.options.slidesToShow) {
|
1067 |
| - ++pagerQty; |
| 1067 | + ++pagerQty; |
1068 | 1068 | } else {
|
1069 | 1069 | while (breakPoint < _.slideCount) {
|
1070 | 1070 | ++pagerQty;
|
|
1238 | 1238 | Slick.prototype.getSlideCount = function() {
|
1239 | 1239 |
|
1240 | 1240 | var _ = this,
|
1241 |
| - slidesTraversed, swipedSlide, centerOffset; |
| 1241 | + slidesTraversed, swipedSlide, swipeTarget, centerOffset; |
1242 | 1242 |
|
1243 |
| - centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0; |
| 1243 | + centerOffset = _.options.centerMode === true ? Math.floor(_.$list.width() / 2) : 0; |
| 1244 | + swipeTarget = (_.swipeLeft * -1) + centerOffset; |
1244 | 1245 |
|
1245 | 1246 | if (_.options.swipeToSlide === true) {
|
| 1247 | + |
1246 | 1248 | _.$slideTrack.find('.slick-slide').each(function(index, slide) {
|
1247 |
| - if (slide.offsetLeft - centerOffset + ($(slide).outerWidth() / 2) > (_.swipeLeft * -1)) { |
| 1249 | + |
| 1250 | + var slideOuterWidth, slideOffset, slideRightBoundary; |
| 1251 | + slideOuterWidth = $(slide).outerWidth(); |
| 1252 | + slideOffset = slide.offsetLeft; |
| 1253 | + if (_.options.centerMode !== true) { |
| 1254 | + slideOffset += (slideOuterWidth / 2); |
| 1255 | + } |
| 1256 | + |
| 1257 | + slideRightBoundary = slideOffset + (slideOuterWidth); |
| 1258 | + |
| 1259 | + if (swipeTarget < slideRightBoundary) { |
1248 | 1260 | swipedSlide = slide;
|
1249 | 1261 | return false;
|
1250 | 1262 | }
|
|
1313 | 1325 |
|
1314 | 1326 | Slick.prototype.initADA = function() {
|
1315 | 1327 | var _ = this,
|
1316 |
| - numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow), |
1317 |
| - tabControlIndexes = _.getNavigableIndexes().filter(function(val) { |
1318 |
| - return (val >= 0) && (val < _.slideCount); |
1319 |
| - }); |
| 1328 | + numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow), |
| 1329 | + tabControlIndexes = _.getNavigableIndexes().filter(function(val) { |
| 1330 | + return (val >= 0) && (val < _.slideCount); |
| 1331 | + }); |
1320 | 1332 |
|
1321 | 1333 | _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({
|
1322 | 1334 | 'aria-hidden': 'true',
|
|
1336 | 1348 | });
|
1337 | 1349 |
|
1338 | 1350 | if (slideControlIndex !== -1) {
|
1339 |
| - var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex |
1340 |
| - if ($('#' + ariaButtonControl).length) { |
1341 |
| - $(this).attr({ |
1342 |
| - 'aria-describedby': ariaButtonControl |
1343 |
| - }); |
1344 |
| - } |
| 1351 | + var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex |
| 1352 | + if ($('#' + ariaButtonControl).length) { |
| 1353 | + $(this).attr({ |
| 1354 | + 'aria-describedby': ariaButtonControl |
| 1355 | + }); |
| 1356 | + } |
1345 | 1357 | }
|
1346 | 1358 | });
|
1347 | 1359 |
|
|
1368 | 1380 | }
|
1369 | 1381 |
|
1370 | 1382 | for (var i=_.currentSlide, max=i+_.options.slidesToShow; i < max; i++) {
|
1371 |
| - if (_.options.focusOnChange) { |
1372 |
| - _.$slides.eq(i).attr({'tabindex': '0'}); |
1373 |
| - } else { |
1374 |
| - _.$slides.eq(i).removeAttr('tabindex'); |
1375 |
| - } |
| 1383 | + if (_.options.focusOnChange) { |
| 1384 | + _.$slides.eq(i).attr({'tabindex': '0'}); |
| 1385 | + } else { |
| 1386 | + _.$slides.eq(i).removeAttr('tabindex'); |
| 1387 | + } |
1376 | 1388 | }
|
1377 | 1389 |
|
1378 | 1390 | _.activateADA();
|
|
1385 | 1397 |
|
1386 | 1398 | if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {
|
1387 | 1399 | _.$prevArrow
|
1388 |
| - .off('click.slick') |
1389 |
| - .on('click.slick', { |
| 1400 | + .off('click.slick') |
| 1401 | + .on('click.slick', { |
1390 | 1402 | message: 'previous'
|
1391 |
| - }, _.changeSlide); |
| 1403 | + }, _.changeSlide); |
1392 | 1404 | _.$nextArrow
|
1393 |
| - .off('click.slick') |
1394 |
| - .on('click.slick', { |
| 1405 | + .off('click.slick') |
| 1406 | + .on('click.slick', { |
1395 | 1407 | message: 'next'
|
1396 |
| - }, _.changeSlide); |
| 1408 | + }, _.changeSlide); |
1397 | 1409 |
|
1398 | 1410 | if (_.options.accessibility === true) {
|
1399 | 1411 | _.$prevArrow.on('keydown.slick', _.keyHandler);
|
|
1507 | 1519 | Slick.prototype.keyHandler = function(event) {
|
1508 | 1520 |
|
1509 | 1521 | var _ = this;
|
1510 |
| - //Dont slide if the cursor is inside the form fields and arrow keys are pressed |
| 1522 | + //Dont slide if the cursor is inside the form fields and arrow keys are pressed |
1511 | 1523 | if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {
|
1512 | 1524 | if (event.keyCode === 37 && _.options.accessibility === true) {
|
1513 | 1525 | _.changeSlide({
|
@@ -2122,102 +2134,102 @@
|
2122 | 2134 | };
|
2123 | 2135 |
|
2124 | 2136 | Slick.prototype.setOption =
|
2125 |
| - Slick.prototype.slickSetOption = function() { |
| 2137 | + Slick.prototype.slickSetOption = function() { |
2126 | 2138 |
|
2127 |
| - /** |
2128 |
| - * accepts arguments in format of: |
2129 |
| - * |
2130 |
| - * - for changing a single option's value: |
2131 |
| - * .slick("setOption", option, value, refresh ) |
2132 |
| - * |
2133 |
| - * - for changing a set of responsive options: |
2134 |
| - * .slick("setOption", 'responsive', [{}, ...], refresh ) |
2135 |
| - * |
2136 |
| - * - for updating multiple values at once (not responsive) |
2137 |
| - * .slick("setOption", { 'option': value, ... }, refresh ) |
2138 |
| - */ |
| 2139 | + /** |
| 2140 | + * accepts arguments in format of: |
| 2141 | + * |
| 2142 | + * - for changing a single option's value: |
| 2143 | + * .slick("setOption", option, value, refresh ) |
| 2144 | + * |
| 2145 | + * - for changing a set of responsive options: |
| 2146 | + * .slick("setOption", 'responsive', [{}, ...], refresh ) |
| 2147 | + * |
| 2148 | + * - for updating multiple values at once (not responsive) |
| 2149 | + * .slick("setOption", { 'option': value, ... }, refresh ) |
| 2150 | + */ |
2139 | 2151 |
|
2140 |
| - var _ = this, l, item, option, value, refresh = false, type; |
| 2152 | + var _ = this, l, item, option, value, refresh = false, type; |
2141 | 2153 |
|
2142 |
| - if( $.type( arguments[0] ) === 'object' ) { |
| 2154 | + if( $.type( arguments[0] ) === 'object' ) { |
2143 | 2155 |
|
2144 |
| - option = arguments[0]; |
2145 |
| - refresh = arguments[1]; |
2146 |
| - type = 'multiple'; |
| 2156 | + option = arguments[0]; |
| 2157 | + refresh = arguments[1]; |
| 2158 | + type = 'multiple'; |
2147 | 2159 |
|
2148 |
| - } else if ( $.type( arguments[0] ) === 'string' ) { |
| 2160 | + } else if ( $.type( arguments[0] ) === 'string' ) { |
2149 | 2161 |
|
2150 |
| - option = arguments[0]; |
2151 |
| - value = arguments[1]; |
2152 |
| - refresh = arguments[2]; |
| 2162 | + option = arguments[0]; |
| 2163 | + value = arguments[1]; |
| 2164 | + refresh = arguments[2]; |
2153 | 2165 |
|
2154 |
| - if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) { |
| 2166 | + if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) { |
2155 | 2167 |
|
2156 |
| - type = 'responsive'; |
| 2168 | + type = 'responsive'; |
2157 | 2169 |
|
2158 |
| - } else if ( typeof arguments[1] !== 'undefined' ) { |
| 2170 | + } else if ( typeof arguments[1] !== 'undefined' ) { |
2159 | 2171 |
|
2160 |
| - type = 'single'; |
2161 |
| - |
2162 |
| - } |
| 2172 | + type = 'single'; |
2163 | 2173 |
|
2164 | 2174 | }
|
2165 | 2175 |
|
2166 |
| - if ( type === 'single' ) { |
2167 |
| - |
2168 |
| - _.options[option] = value; |
| 2176 | + } |
2169 | 2177 |
|
| 2178 | + if ( type === 'single' ) { |
2170 | 2179 |
|
2171 |
| - } else if ( type === 'multiple' ) { |
| 2180 | + _.options[option] = value; |
2172 | 2181 |
|
2173 |
| - $.each( option , function( opt, val ) { |
2174 | 2182 |
|
2175 |
| - _.options[opt] = val; |
| 2183 | + } else if ( type === 'multiple' ) { |
2176 | 2184 |
|
2177 |
| - }); |
| 2185 | + $.each( option , function( opt, val ) { |
2178 | 2186 |
|
| 2187 | + _.options[opt] = val; |
2179 | 2188 |
|
2180 |
| - } else if ( type === 'responsive' ) { |
| 2189 | + }); |
2181 | 2190 |
|
2182 |
| - for ( item in value ) { |
2183 | 2191 |
|
2184 |
| - if( $.type( _.options.responsive ) !== 'array' ) { |
| 2192 | + } else if ( type === 'responsive' ) { |
2185 | 2193 |
|
2186 |
| - _.options.responsive = [ value[item] ]; |
| 2194 | + for ( item in value ) { |
2187 | 2195 |
|
2188 |
| - } else { |
| 2196 | + if( $.type( _.options.responsive ) !== 'array' ) { |
2189 | 2197 |
|
2190 |
| - l = _.options.responsive.length-1; |
| 2198 | + _.options.responsive = [ value[item] ]; |
2191 | 2199 |
|
2192 |
| - // loop through the responsive object and splice out duplicates. |
2193 |
| - while( l >= 0 ) { |
| 2200 | + } else { |
2194 | 2201 |
|
2195 |
| - if( _.options.responsive[l].breakpoint === value[item].breakpoint ) { |
| 2202 | + l = _.options.responsive.length-1; |
2196 | 2203 |
|
2197 |
| - _.options.responsive.splice(l,1); |
| 2204 | + // loop through the responsive object and splice out duplicates. |
| 2205 | + while( l >= 0 ) { |
2198 | 2206 |
|
2199 |
| - } |
| 2207 | + if( _.options.responsive[l].breakpoint === value[item].breakpoint ) { |
2200 | 2208 |
|
2201 |
| - l--; |
| 2209 | + _.options.responsive.splice(l,1); |
2202 | 2210 |
|
2203 | 2211 | }
|
2204 | 2212 |
|
2205 |
| - _.options.responsive.push( value[item] ); |
| 2213 | + l--; |
2206 | 2214 |
|
2207 | 2215 | }
|
2208 | 2216 |
|
| 2217 | + _.options.responsive.push( value[item] ); |
| 2218 | + |
2209 | 2219 | }
|
2210 | 2220 |
|
2211 | 2221 | }
|
2212 | 2222 |
|
2213 |
| - if ( refresh ) { |
| 2223 | + } |
2214 | 2224 |
|
2215 |
| - _.unload(); |
2216 |
| - _.reinit(); |
| 2225 | + if ( refresh ) { |
2217 | 2226 |
|
2218 |
| - } |
| 2227 | + _.unload(); |
| 2228 | + _.reinit(); |
| 2229 | + |
| 2230 | + } |
2219 | 2231 |
|
2220 |
| - }; |
| 2232 | + }; |
2221 | 2233 |
|
2222 | 2234 | Slick.prototype.setPosition = function() {
|
2223 | 2235 |
|
|
2426 | 2438 | }
|
2427 | 2439 |
|
2428 | 2440 | for (i = _.slideCount; i > (_.slideCount -
|
2429 |
| - infiniteCount); i -= 1) { |
| 2441 | + infiniteCount); i -= 1) { |
2430 | 2442 | slideIndex = i - 1;
|
2431 | 2443 | $(_.$slides[slideIndex]).clone(true).attr('id', '')
|
2432 | 2444 | .attr('data-slick-index', slideIndex - _.slideCount)
|
|
2973 | 2985 |
|
2974 | 2986 | _.$dots
|
2975 | 2987 | .find('li')
|
2976 |
| - .removeClass('slick-active') |
2977 |
| - .end(); |
| 2988 | + .removeClass('slick-active') |
| 2989 | + .end(); |
2978 | 2990 |
|
2979 | 2991 | _.$dots
|
2980 | 2992 | .find('li')
|
|
0 commit comments