slick.js Questions

3

Solved

I'm using the Slick Carousel, but there's one layout itch I can't scratch. When I have fewer items than the carousel can display at once, they're left-justified. I'd like them to be centered. For e...
Julius asked 14/10, 2015 at 15:54

6

Solved

I was wondering if there is a way to use custom slick slider dots. When I search, all I can finds is examples on how to change the dots into thumbnails from the slides, however this is not what I'm...
Dalt asked 2/3, 2017 at 11:57

8

Solved

I'm running into a really weird issue with a Slick Slider. Sometimes, on the very first page load the slide and track width are being set to 0. I've tried many of the solutions out there includin...
Thibaut asked 14/1, 2018 at 22:32

14

I am using react-slick to create a carousel in my project. I've read through the documents and tried different things but could not find a way to customize it exactly the way I need... Does anyone ...
Lucier asked 27/2, 2018 at 22:13

2

I'm using react-slick slider and can't figure out how I can re-initialize the slider. With the jquery slick plugin, I can call $slick.reInit(), but using react I can't seem to do this. Is there som...
Bingaman asked 24/11, 2016 at 20:26

12

Solved

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, t...
Chatter asked 30/7, 2017 at 23:43

4

I've been struggling to get my content vertical aligned but really don't fix it. I tried the adaptiveHeight parameter but it really didn't do what I wanted. Fiddle: http://jsfiddle.net/fmo50w7n/40...
Sangfroid asked 26/5, 2016 at 8:20

8

I've been looking through the slick-theme.css and I can't figure out how to hide the numbers inserted after the dots. Can anyone enlighten me?
Lannie asked 29/9, 2016 at 8:45

13

My slick slider gets wrong width when initialized and when I change screen resolutions. My js: $('.slider').slick({ infinite: false, speed: 300, initialSlide: 1, slidesToShow: 3, slidesToScr...
Caper asked 17/8, 2017 at 12:45

19

Solved

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({ initialS...
Bogtrotter asked 23/6, 2015 at 9:34

2

Solved

I'm trying to center vertically a slick carousel (http://kenwheeler.github.io/slick/) in a column. So I use display: flex; align-items: center; on the column (container of the slick slider) but it ...
Wilburn asked 30/8, 2017 at 14:14

6

I'm trying to import slick-theme.scss in my parent scss as @import "../node_modules/slick-carousel/slick/slick-theme.css"; but during bundle, I get errors on the files imported in slick-theme.sc...
Petitioner asked 24/1, 2018 at 7:25

21

Solved

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 followi...
Transudate asked 3/8, 2015 at 14:39

3

I'm using this CSS for slides in Slick slider: backdrop-filter: blur(10px) However, when I click to display the next slide, the CSS blur disappears for a second and then the slide blurs again. Whe...
Cogan asked 22/8, 2020 at 13:17

10

Solved

using Slick and looking for a way to have the prev control disabled and hidden until the user clicks the next arrow. Similarly I want the Next control to become disabled and hidden once the user re...
Aculeate asked 18/11, 2015 at 20:19

13

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 slic...
Fourlegged asked 6/1, 2015 at 9:30

11

Solved

Are there any options to stop slick adding next & previous buttons? I can't seem to hide them via css. <button type="button" data-role="none" class="slick-prev" aria-label="previous" st...
Sudhir asked 9/4, 2015 at 16:45

4

Solved

I am using syncing sliders "fullslide" - 1 slide at a time "thumbslide" - 5 slides at a time, used as nav for fullslide when selecting 1 slide from thumbslide i want it to become active without ...
Likelihood asked 17/2, 2016 at 6:14

3

Solved

I have created a logo slider which displays similar to marquee. What I want to do is to add next/prev arrows that can accelerate the speed of slider when click next arrow and reverse the slider whe...
Monospermous asked 25/10, 2016 at 4:41

13

Solved

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...
Lombardy asked 28/2, 2018 at 11:48

10

Solved

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, b...
Pastry asked 15/9, 2014 at 11:43

5

I have a slick carousel on my website showing a basketball team's schedule. The slider contains all the games from the current season ordered by date. I want the slider to be centered to the next ...
Aphrodisia asked 7/1, 2017 at 21:17

6

I need to vertically align the navigation arrows with the slide image no matter what the window width is. Currently, it's putting it at 50% of the entire slide. I'm hoping to be able to do this wit...
Hark asked 19/2, 2016 at 17:0

3

Solved

I used slick js for slider view of image. Here is my code. <div class="slider_wrap add-remove"> <%= f.fields_for :images do |image_form| %> <%#= render 'images_fields', :f => ...
Miguel asked 9/3, 2016 at 6:45

4

Solved

I'm working on an AngularJS app, I want to use Slick to have a carousel to display images. Simplified, my HTML looks like this: <slick pauseOnHover="false" autoplay="true" autoplaySpeed="100...
Inflame asked 2/5, 2017 at 12:44

© 2022 - 2024 — McMap. All rights reserved.