Stack Overflow
Stack Overflow

Questions tagged [slick.js]

A jQuery plug-in for carousel.

About

It is a Jquery plugin for implementing carousels.

Features

  • Fully responsive. Scales with its container.
  • Separate settings per breakpoint
  • Uses CSS3 when available. Fully functional when not.
  • Swipe enabled. Or disabled, if you prefer.
  • Desktop mouse dragging
  • Infinite looping.
  • Fully accessible with arrow key navigation
  • Add, remove, filter & unfilter slides
  • Autoplay, dots, arrows, callbacks, etc...

Browser support

Slick works on IE8+ in addition to other modern browsers such as Chrome, Firefox, and Safari.

Links

CDN

1794 questions
66
votes
13 answers

How add spaces between Slick carousel item

I want to add space between two slick carousel items, but not want the space with padding, because it's reducing my element size(and I don't want that). $('.single-item').slick({ initialSlide: 3, infinite: false …
Sopo
  • 1,146
  • 2
  • 10
  • 26
55
votes
10 answers

Slick carousel - force slides to have the same height

I'm having trouble with the Slick carousel JS plugin with multiple slidesToShow which have different heights. I need the Slides to have the same height, but with CSS flex-box it doesn't work as the slides have conflicting CSS definitions. Also, I…
JJaun
  • 1,037
  • 2
  • 7
  • 11
42
votes
16 answers

Slick Carousel Uncaught TypeError: $(...).slick is not a function

Somehow I'm unable to use slick carousel (http://kenwheeler.github.io/slick/) correctly. I'm getting the following error: Uncaught TypeError: $(...).slick is not a function I'm running the following code in my javascript file: function…
Sanderfish
  • 1,200
  • 1
  • 10
  • 14
41
votes
1 answer

Error in slick.js: "Uncaught TypeError: Cannot read property 'add' of null"

I used slick js for slider view of image. Here is my code.
<%= f.fields_for :images do |image_form| %> <%#= render 'images_fields', :f => image_form %>
<%= image_tag…
Pooja Mokariya
  • 1,556
  • 4
  • 17
  • 37
39
votes
9 answers

Slick.js: Get current and total slides (ie. 3/5)

Using Slick.js - how does one get current and total slides (ie. 3/5) as a simpler alternative to the dots? I've been told I can use the customPaging callback using the callback argument objects, but what does that mean…
Mark Boulder
  • 11,570
  • 11
  • 40
  • 73
33
votes
11 answers

Add custom buttons on Slick Carousel

How do I apply custom prev and next buttons to slick carousel? I have tried a background image on the .slick-prev and .slick-next css classes. I have also tried adding a new class as per the documentation but the arrows disappeared…
rorykoehler
  • 1,432
  • 2
  • 14
  • 19
28
votes
7 answers

Slick.js remove blue highlight around image

I am using Slick.js to build a carousel inside a modal. Everything works perfectly until I click on an image. A blue border shows up and I unfortunately cannot figure out how to make it stop doing so. I've tried outline: none and border: none and…
Ryan113
  • 577
  • 1
  • 8
  • 24
28
votes
11 answers

Reinitialize Slick js after successful ajax call

I am using Slick for a carousel implementation and everything works fine when the pages loads.What I am trying to achieve is that when i make an Ajax call to retrieve new data I still want the slick carousel implementation, at the moment i lose…
Richlewis
  • 13,978
  • 32
  • 103
  • 238
28
votes
6 answers

How can I change the width and height of slides on Slick Carousel?

http://kenwheeler.github.io/slick/ A friend suggested that I use Ken Wheeler's Slick carousel and I decided to give it a try. I am having a couple of problems with it. The first is that the slides don't load "on top of each other" like they…
ShoeLace1291
  • 4,117
  • 11
  • 41
  • 65
26
votes
7 answers

slick carousel - hide controls?

Are there any options to stop slick adding next & previous buttons? I can't seem to hide them via css.
v3nt
  • 2,638
  • 6
  • 32
  • 49
24
votes
6 answers

Show half of next slide without Center Mode in Slick Slider

What I want is to have a slider that shows 3.5 slides at once, with the right most slide being the one that is only half shown. I have seen something like this done successfully using centerMode and centerPadding with slick slider, but I do not want…
Cook88
  • 459
  • 1
  • 4
  • 14
21
votes
2 answers

Slick Carousel with Angular 2

Hi I'm starting with Angular 2 and trying to make this carousel plugin to work: slick After a while I managed to make it work like a Component like this: import { Component, Input, ElementRef, AfterViewInit, AfterContentInit} from…
OvSleep
  • 288
  • 1
  • 2
  • 8
21
votes
6 answers

Change height of Slick Carousel

Here is a fiddle of Slick Carousel embedded in a Bootstrap thumbnail. JSFiddle How can I make the carousel only 200px tall and ensure that the images are scaled proportionally? I can't seem to get the carousel to fit inside a container who's…
That1guyoverthr
  • 1,053
  • 2
  • 11
  • 19
18
votes
7 answers

slick slider - css transition infinite loop bug

I've got a slider set up using slick slider. When using the next and previous buttons, the item comes in to view with a nice transition. The problem I'm having is that when it restarts its cycle, the first item "snaps" into view, instead of doing…
MAXIM
  • 4,662
  • 15
  • 78
  • 125
18
votes
4 answers

add autoplay for video in slick carousel

I use slick carousel http://kenwheeler.github.io/slick/ on my page and now I need to add video with autoplay in it. I use this code HTML
…
truslivii.lev
  • 671
  • 1
  • 8
  • 19
1
2 3
…
99 100