Stack Overflow
Stack Overflow

Questions tagged [react-responsive-carousel]

29 questions
0
votes
1 answer

How to control the number of items shown in react-responsive-carousel?

I'm using react-responsive-carousel in my React Project. I want to control the number of items shown on screen, (3 items in desktop view and 1 in mobile view). At first, I tried to add a prop named "slidesToShow" as suggested by Chatgpt (although I…
Fuaad
  • 197
  • 15
0
votes
0 answers

react-responsive-carousel display thumbs to the left

I'm using react-responsive-carousel I want to make the thumbs to display to the left of the Carousel in vertical direction
Karthikeyan K
  • 21
  • 1
  • 3
0
votes
1 answer

react-responsive-carousel is not displaying images/ not working

import "react-responsive-carousel/lib/styles/carousel.min.css"; import { Carousel } from "react-responsive-carousel"; function App() { return (
image1 …
njz
  • 23
  • 7
0
votes
0 answers

React-responsive-carousel build not working on vertical mode

I have one personal nextjs poject and I need to use slides like "tiktok style". To do so I tried to use the library react-responsive-carousel on vertical mode. Everything seems to be all right in dev mode, but when I try to build it, then it doesn't…
Loudrous
  • 1,039
  • 10
  • 29
0
votes
1 answer

How to use onClickItem with react-responsive-carousel?

I am trying to click images with using react-responsive-carousel. And on Click it should direct to the Link onClickItem. I have tried it with and . Doesnt work. const onClickItem = () => console.log('Item');
wick3d
  • 1,164
  • 14
  • 41
0
votes
3 answers

Nextjs Thumbs is not showing in react-responsive-carousel while using next image

I am using react-responsive-carousel to show the image gallery of products with thumbs, while I am using a simple img HTML element the thums show up but while I use next image the thumbs vanish, I wonder how can I fix this issue.
DINA TAKLIT
  • 7,074
  • 10
  • 69
  • 74
0
votes
0 answers

Problem using function with react-responsive-carousel

I'm using react-responsive-carousel and trying to make that when I click on the slide image it opens a modal according to the code described below The problem is that for each image I want it to open a different modal and the onClickItem field only…
Mpimenta
  • 103
  • 1
  • 2
  • 11
0
votes
2 answers

React: I don't see thumbnails when using react-responsive-carousel

I have followed the demo code and all works well except thumbnails. I set it to true so I can see 'ul' for the thumbnails in html, but it does not have any image src. Here is the code below. import React from 'react'; import { Carousel } from…
Uhney
  • 379
  • 1
  • 6
  • 23
0
votes
1 answer

CSS import via Webpack not working on reload of page

I am using two libraries (react-image-crop and react-responsive-carousel) that require a css import each. I have added css loaders to the next.config.js and when the page initially loads everything is good. However, when a refresh is called on the…
Ryan Carville
  • 355
  • 7
  • 15
0
votes
1 answer

react-responsive-carousel has unwanted white space below itself in mobile view

I am using react-responsive-carousel and when I switch to mobile view, there is a bunch of white space below. I have tried everything I can think of to remove this including body { overflow-x: hidden }. When looking in the dev tools, is appears to…
Dgoss16
  • 53
  • 1
  • 6
0
votes
1 answer

I Want To Display The ImagesUrl's In The Array according To The Number of images the Array has, using Reactjs

I am using React Carousel from The dependency react-responsive-carousel to display the image the user has uploaded on firebase I query the images in an Array Like: image: [imageUrl/0, imageUrl/1, imageUrl/2, imageUrl/3, imageUrl/4] // Maximum is 5 …
Minenhle Solson Cele
  • 81
  • 8
0
votes
1 answer

How to position carousel-status in react-responsive-carousel?

I am trying to move the status indicator to the bottom-right corner, but I cannot find the way to do it. I have added statusFormatter and custom component within, but the problem is that react-responsive-carousel renders element so I cannot apply…
Hola
  • 329
  • 3
  • 18
0
votes
1 answer

How to move Carousel both vertically and horizontally(nested) with react-responsive-carousel

I am working in Ionic react . I have added react-responsive-carousel for swiping the content, I need to scroll the carousel both vertically and horizontally according to the condition .How can I solve the issue? please help import React, {…
vishnu vinod
  • 35
  • 5
1
2