Questions tagged [react-slick]

Questions involving the library react-slick

react-slick is the port of the jQuery slick library to react.

281 questions
2
votes
0 answers

React-slick not rendering slides

I'm using a plugin called react-slick for a carousel. I have tried to implement a carousel which has dynamic slides, however when it renders it doesn't seem to initialise each of the slides. Is it because the slider has initialised before the…
themaster
  • 345
  • 6
  • 15
2
votes
2 answers

React-slick not working on first render

I tried react-slick with dynamic children but it don't work as it should be, the height on first render was coming as some 176px but If I try to resize the browser then it works and the height changes to 514px. I thought may be I force my component…
scripter
  • 1,416
  • 4
  • 19
  • 35
1
vote
0 answers

React Slick Showing empty slides

I was creating a slider in react-js using react-slick. But it is only showing empty slides. Also, the left-right control is invisible. Only the dots are visible. I was following the react-slick documentation to create the slider. Here is the code…
1
vote
1 answer

React slick (slider)

I have a simple question. (about React-slick) Input data: property slidesToShow: 6, total slides in slider === 6 Is it possible to make this slider to make loop? Right now if slidesToShow === total slides in slider, then: no loop, no dots, no…
En Kratia
  • 74
  • 1
  • 5
1
vote
1 answer

Why is my react slick carousel responsiveness not working?

import React from "react"; import Slider from "react-slick"; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; import Link from "next/link"; function SampleNextArrow(props) { const { className, style,…
1
vote
0 answers

React-slick carousel with custom pagging

Am trying to implement a carousel with a react-slick and i want to have thumbnails which i have tried to implement with react-slick custom paging. Am fetching data from dummyJson Api, am only interested in displaying Below is how am fetching data …
1
vote
0 answers

Clicking on React-slick item doesn't redirect to the correct link

I have a carousel component made using react-slick, the problem is that when i click on an image it should redirect me to the specified link, but that is not the case as it keeps sending me to the last link. I've logged the cards which the unique…
S.M
  • 131
  • 1
  • 11
1
vote
0 answers

Custom Height in React Slick

I am using react Slick for showing Images in my site. I am using nextjs Image. I have implemented the Slides which looks like this I tried a lot fit custom height and fit image inside it. But its not working. Here's my Code: export default function…
bovop4
  • 224
  • 1
  • 9
1
vote
0 answers

How to use react-spring animation with react-slick slider?

I'm trying to make some animation to elements inside my carousel, it works only in the first carousel item but for the next item no animation happen, even in the first carousel item when it repeated no animation happen also. I tried to use CSS…
1
vote
1 answer

React slick creating a weird white space on the right side of the page

I have had this problem for a while now and it seems to affect all my pages. After commenting all my components, I found that the problem only appears after using react slick. I couldn't find any extra padding or margin on any element from the…
Steen Toons
  • 69
  • 1
  • 9
1
vote
0 answers

React-slick specific carousel with css

I got a problem with my carousel. In the picture below I want my carousel liked that, but I tried many times by editing css it doesn't work. It looks liked my carousel's items aren't centered. I setted on my setting variable to let them show 3…
1
vote
0 answers

React Slick disable text dragging and auto click on drag when links

Im using React-Slick for my carouse/Slider , it works normally at first but when you added a link property to it(move to an url when the object inside it is clicked), the text inside that object became draggable , and also by just dragging the…
JAS MAL
  • 103
  • 1
  • 7
1
vote
0 answers

React slick slider not working properly after fetching multiple images parallely using map

I implemented react slick slider and I am getting the images by applying map on array of imageArray data. From the key I get , I have to call url as image src to get the image. I am getting images but the carousel is not obeying rules defined in…
1
vote
3 answers

how to use onClick in react slick

I am using react slick in my Websites. I have 4 slides. Every Slide, I want a onClick Function to get the value. But When I click on the Slide, I am getting the last value only. I searched Stack Overflow but can't find solutions. Here's the…
soma iyappan
  • 482
  • 7
  • 16
1
vote
0 answers

How to use Css selector correctly at react-slick?

I am using react-slick library, but when the third element of li is activated as above code, I want to give animation to the first element, but it doesn't work at all. What's wrong? //JSX section