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
0
votes
1 answer

Hide first slide on Slick Slider

I'm trying to hide first slide (a bit of a hack for something) of my slick slider. And got no luck at all so far. Here is my html code for it
…
Vally Aria
  • 5
  • 3
0
votes
3 answers

slick-lightbox not working in rtl direction

Using slick-direction which works fine in ltr but in Arabic locale my direction is rlt in which slick-lightbox is blank and not showing anything. I search and find solution for slick in rtl cases but not find any solution for slick-lightbox.
Haseeb Ahmad
  • 5,262
  • 8
  • 37
  • 99
0
votes
1 answer

Slick Slider js not recentering with scrollSpy

So I created a horizontal mobile Menu navigation with Slick Slider and also added a scroll Spy to add active class to the li when scrolling passed categories. So far it looks great. Here is the link, make your browser be mobile size (because it is…
mateostabio
  • 669
  • 6
  • 11
0
votes
2 answers

Including JS plugin files directly in Github repository?

I am relatively new to using git and GitHub, and I am working on my personal website. I am using the JS plugin Slick, a responsive carousel feature. I downloaded all of the necessary files and stored them within my local repo. The size and content…
Steve T
  • 3
  • 1
0
votes
2 answers

Slick carousel - when reloading a page all images are shown

I'm trying to use Slick carousel to display product images (main image and thumbnails - https://d26dzxoao6i3hh.cloudfront.net/items/1A1K120k2o460k0P2d2P/Image%202017-10-25%20at%201.54.21%20PM.130n063B272P.png). But when user is reloading a page -…
Mary Oleksiuk
  • 95
  • 12
0
votes
0 answers

Invariant Violation: findComponentRoot Unable to find element after jQuery slider ran

I have a React application that renders a jQuery slick slider which all goes well, but when I go to the next state this slider isn't there anymore and React throws a Invariant Violation: findComponentRoot. In short what's going on: renderIntro:…
Jeffrey von Grumbkow
  • 257
  • 1
  • 10
0
votes
0 answers

How to use slick slider current slide as dom?

I know there are many question similar to this but I can't figure out what is the correct method to access current slide as dom to modify with jquery? As already discussed in this…
Shashank Bhatt
  • 541
  • 8
  • 19
0
votes
2 answers

Multiple Slick carousels in modal overlays playing at the same time

I have a page with a number of hidden Slick carousels. To launch a carousel I'd like the user to click a related button and the corresponding slider would show in a modal with a semi-transparent background behind it. However, when you launch any…
abbas_arezoo
  • 1,012
  • 3
  • 16
  • 34
0
votes
0 answers

Angularjs slick slider reinit

I want to reinitialize slick slider so i created following methods for destroy and for init.But it doesn't works for me please suggest me any solution to reinitialize slider from controller $scope.initSlick = function () { …
Dhaval
  • 1
  • 3
0
votes
0 answers

slick.js How to make it visible for carousel thumbnail videos without hiding in mobile device

I can able to show 3 thumbnail carousel videos in desktop but I wanted to show all video thumbnails only in mobile device (I mean to show all carousel thumbnail videos), please help me out. videoCarousel: function() { $(".slider-for").slick({ …
Prabhu Shanmugam
  • 65
  • 7
0
votes
0 answers

Slick.js, slider sync with beforeChange

I have a problem with setting slick carousel in mode with sync navigation, to work like this: First transition https://imgur.com/a/Lq1nn Second transition https://imgur.com/a/ywL3D Third transition https://imgur.com/a/SbBbf The way I am doing it…
dra89szka
  • 73
  • 1
  • 10
0
votes
1 answer

slick slider arrow not seeing properly

I know there have been other questions similar to this in stack overflow, but none seem to fix my problem. I thought slick slider will have arrows by default. I am targeting the arrow in my CSS and made the right side arrow (next) to work okay but…
jsPlayer
  • 1,055
  • 2
  • 20
  • 47
0
votes
1 answer

Shopify slick slider with section have problems?

I'm working building Shopify theme and adding the slick slider plugin http://kenwheeler.github.io/slick/. I have created schema json for setting inside of and the code for Slider but cannot get to work. I'm getting an error message: 15:48:35…
user7904085
0
votes
0 answers

How to define fewer slides on smaller devices

I use a slick carousel which is initiated like this: $('.client-carousel').slick({ slidesToShow: 4, slidesToScroll: 1, autoplay: true, autoplaySpeed: 5000, arrows: false, slide: 'li' }); Now I want to achieve that on an iPhone 6 for…
Torben
  • 4,888
  • 10
  • 38
  • 71
0
votes
0 answers

Custom layout with Slick Carousel

I am currently using slick carousel. At the moment, I have a very simple layout
katie hudson
  • 2,525
  • 10
  • 31
  • 71
1 2 3
…
99
100