slick-carousel-browserify v1.6.12

slick

the last carousel you'll ever need

All credits to Ken Wheeler

Demo

http://kenwheeler.github.io/slick

Package Managers

//Bower
bower install --save slick-carousel

//NPM
npm install slick-carousel

Contributing

PLEASE review CONTRIBUTING.markdown prior to requesting a feature, filing a pull request or filing an issue.

Data Attribute Settings

In slick 1.5 you can now add settings using the data-slick attribute. You still need to call $(element).slick() to initialize slick on the element.

Example:

<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
  <div><h3>1</h3></div>
  <div><h3>2</h3></div>
  <div><h3>3</h3></div>
  <div><h3>4</h3></div>
  <div><h3>5</h3></div>
  <div><h3>6</h3></div>
</div>

Settings

Events

In slick 1.4, callback methods have been deprecated and replaced with events. Use them before the initialization of slick as shown below:

// On swipe event
$('.your-element').on('swipe', function(event, slick, direction){
  console.log(direction);
  // left
});

// On edge hit
$('.your-element').on('edge', function(event, slick, direction){
  console.log('edge was hit')
});

// On before slide change
$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  console.log(nextSlide);
});

Methods

Methods are called on slick instances through the slick method itself in version 1.4, see below:

var slick = require('slick-carousel-browserify');

// Add a slide
slick($('.your-element'), 'slickAdd',"<div></div>");

// Get the current slide
var currentSlide = slick($('.your-element'), 'slickCurrentSlide');

This new syntax allows you to call any internal slick method as well:

// Manually refresh positioning of slick
slick($('.your-element'), 'setPosition');

Example

Initialize with:

var slick = require('slick-carousel-browserify');
slick($(element), {
  dots: true,
  speed: 500
});

Destroy with:

var slick = require('slick-carousel-browserify');
slick($(element), 'unslick');

Sass Variables

Dependencies

jQuery 1.7

License

Copyright (c) 2014 Ken Wheeler

Licensed under the MIT license.

Free as in Bacon.