slick.js Questions

3

Solved

I'm trying to implement Slider Syncing using slick library. I have an array of images called pictures coming from the backend. I loop over these images to populate them under my slider-for and slid...
Connel asked 28/8, 2015 at 9:40

1

The code runs my "if" "else if" and "else" if I leave it as is, outside a function, the problem with that is that it's supposed to update as I change the width of my browser so that my site is full...
Deepen asked 17/1, 2020 at 14:39

3

Solved

I'm using slick.js to build a carousel. However, even though I change the attribute from src to data-lazy the images still get loaded before I scroll to that image. I suspect that it's because I ha...
Gunflint asked 5/8, 2015 at 18:46

11

Solved

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 docume...
Scutum asked 13/3, 2015 at 23:25

2

When I set speed: 1000, pauseOnHover is working fine but as soon as I set it to speed: 10000, pauseOnHover does not work immediately - it works after a few seconds. Code: $('#featured_credits').s...
Capapie asked 30/5, 2016 at 14:36

3

The carousel doesn't wrap-around nicely. If I keep clicking right, the last image that will show will be the very first one. Then I have to click four more times, at which point this image will b...
Klipspringer asked 20/8, 2015 at 8:59

2

I have been using the slick carousel for a while, but I was curious if it was possible to tweak the carousel to get a smooth scrolling effect, as the same effect you get when you scroll vertically ...
Sophi asked 25/7, 2018 at 13:43

3

Solved

I am trying to customize the standard dots that come with slick.js. I have a class "transparent-circle" that I want to use as dots and when the dot is active I want to use the class "active" This ...
Ruggles asked 11/3, 2016 at 10:28

2

Solved

I don't get the slick carousel plugin to work. I already read all the threads here but I'm sure everthing is fine. However it doesn't seems so :D. Here is my code: <html> <head> <...
Wristwatch asked 18/5, 2016 at 19:37

7

Solved

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 ...
Peculiarity asked 8/9, 2015 at 22:47

3

Solved

By default, images align on the left. Using the setting centerMode: true the images are aligned a few pixels from the left, and the edge of the next image is peeking from the right side, as shown: ...
Homogamy asked 8/1, 2016 at 5:58

1

Solved

I can't find any documentation on this, besides npm install slick-carousel on npm website. I don't have much experience with installing plugins this way, so if anyone could lend me a hand, that be ...
Kauffmann asked 23/2, 2020 at 20:53

6

I'm using Slick.js carousel on a Wordpress site I'm developing. When I resize the browser window, the carousels won't fit it, causing horizontal scrollbars to show up. If I don't initiate Slick, th...
Hallvard asked 3/8, 2016 at 23:32

1

Im using Slick Slider (http://kenwheeler.github.io/slick/) for my slider and try to put the current slide into the caption. Code: var $el = $('.mgu-basic-slider'); $el.on('init'), function() { ...
Tedesco asked 28/11, 2016 at 16:13

2

In the code below there are two .wrapper divs, creating two carousels with slick.js. In the upper carousel there are two images, in the second carousel four images. In the initialisation of slick s...
Dactylography asked 30/10, 2017 at 12:24

4

I am trying to achieve something which I haven't seen done so far on the web. I want the active pagination dot in the slick slider to always be in the center. This is the expected result: In o...
Fransiscafransisco asked 30/8, 2018 at 10:5

1

On page load, for the first second of so, the first slide only takes up half of the screen before correcting itself. It is causing an unpleasant/snappy load experience. If I monitor the elements co...
Chamfron asked 29/4, 2016 at 17:38

2

Solved

I am using Slick for a slideshow, where I need the arrows to be inside the slide content, so I can position them relative to the slide content instead of the outer container. I use the appendArrows...
Headphone asked 9/5, 2017 at 15:23

3

I am trying to use slick js sliders with Bootstrap tabs like below In the first tab (BEST SELL), the slider works well. But when I switch to another tab like TEXT-BOOKS, the slick shows totally...
Handsel asked 20/6, 2017 at 3:37

2

Solved

I have created a carousel using the jQuery slick plugin (http://kenwheeler.github.io/slick/). I would like to use the "slide" setting to specify which elements are used in the carousel. The descrip...
Sheffield asked 4/5, 2015 at 17:58

2

Solved

I am using the Slick jQuery carousel and I have a problem whenever I use the "appendArrows" option: $(document).ready(function(){ $('.post-slider').slick({ dots: true, infinite: true, speed: 5...
Skew asked 4/3, 2016 at 14:7

3

I am using Slick Carousel (http://kenwheeler.github.io/slick/), but don't know how to incorporate different slide transitions. Does anyone have an example to share? Here's what I currently have: ...
Graf asked 4/1, 2016 at 21:52

6

Solved

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...
Michaella asked 24/4, 2014 at 15:36

3

I have created a image slider using Jquery Slick Slider, Its having youtube video clips as well. When page load youtube video is set to 1st slide of the slider and it is autoplay and starts playing...
Impolite asked 18/12, 2015 at 5:40

2

Solved

I'm working with Slick Slider and would like to sync 3 sliders together. I have a JSfiddle of my problem here: https://jsfiddle.net/rk0tuoy7/1/ HTML: <section class="slider"> <div>...
Coworker asked 23/5, 2016 at 23:36

© 2022 - 2024 — McMap. All rights reserved.