Stack Overflow
Stack Overflow

Questions tagged [react-responsive-carousel]

29 questions
5
votes
2 answers

Can I customize Carousel-indicators in react-responsive-carousel

I am using the react-responsive-carousel library. Here, I want to change the default indicators CSS, dots shape to line shape. My code is, …
Anwar Hossain
  • 201
  • 1
  • 4
  • 16
5
votes
2 answers

How to add a video to React Responsive Carousel Npm Package?

I am trying to create a Carousel of images and embedded Youtube videos (the first item is a youtube video and the rest are images) I am using the React Responsive Carusel npm package but I can't find a way to create the carousel I want without…
NavehMevorach
  • 155
  • 1
  • 10
4
votes
4 answers

React responsive carousel height not adjusting properly

I am using react responsive carousel and it's rendering weird render() { return (
…
Gooby
  • 621
  • 2
  • 11
  • 32
2
votes
0 answers

How to include *.d.ts file in tsconfig?

I am using react-responsive-carousel "react-responsive-carousel": "3.2.21" to show a list of images with typescript in NEXT js app.
wick3d
  • 1,164
  • 14
  • 41
2
votes
1 answer

Last thumbnail not coming in the view (react-responsive-carousel)

I'm showing a bunch of images using react-responsive-carousel but when the images are more than a certain size i.e. the thumbnail section is scrollable, the last thumbnail is never in the view. For now I have put in the horizontal scroll, but I want…
Akash Sharma
  • 129
  • 9
1
vote
1 answer

Next.js 13 react-responsive-carousel not working

I am following a tut creating an ebay clone. One of the steps is creaitng a carousel. When I add it, it does not move on to the next page. I have tried uninstall and reinstalling packages. I am new to next so I am not sure what could be the problem.…
Elham Badri
  • 11
  • 1
1
vote
0 answers

I have error Using carousel in my page but not displaying on browser

hi I have error Using carousel in my page but not displaying on browser `doesn't desplay the carousel tried inspecting with dev tools in ms-edge but can't even find it on element and also it doesn't display any errors on browser this is my code…
Dawit sileshi
  • 11
  • 4
1
vote
1 answer

Using react-responsive-carousel with react-image-magnifiers

I am facing issues using react-responsive-carousel with react-image-magnifiers I am trying to use carousel over react-image-magnifier library. I do not get the magnifier effect when using with carousel but when I use react-image-magnifier alone I…
Aman Sadhwani
  • 2,902
  • 3
  • 16
  • 24
1
vote
0 answers

react-responsive-carousel change next and back button

I am using the react-responsive-carousel library. Here, I want to change the default previous and next button. And render navigation buttons always visible My code is
sokida
  • 433
  • 1
  • 8
  • 21
1
vote
1 answer

React js react-responsive-carousel not loading with webpack

I am using React Responsive Carousel for my project, but I am getting this error in console ROR in ./node_modules/react-responsive-carousel/lib/styles/carousel.min.css 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate…
Saket Kumar
  • 63
  • 9
1
vote
1 answer

Loading dynamic images (fetched using API) in 'react-responsive-carousel' React

I really like 'react-responsive-carousel' and it perfectly fits my requirements. More Details: https://www.npmjs.com/package/react-responsive-carousel However I realized that the demo examples provided by this uses static images, placed in…
Travolta John
  • 57
  • 1
  • 6
0
votes
0 answers

'Carousel' cannot be used as a JSX component

I am trying to create a carousel of pictures using react-responsive-carousel in my NextJs project. Apparently for some reason I am getting this error wne I import and use Carousel component from the library: 'Carousel' cannot be used as a JSX…
Akk1
  • 11
  • 1
0
votes
0 answers

How to make continuous loop of slides in react-responsive-carousel?

I'm using react-responsive-carousel in my application. When I scroll next in last slide, it moves to first slide. But it goes to first slide passing through all slides in between. How to prevent this behaviour and make it move in a continuous…
Fuaad
  • 197
  • 15
0
votes
1 answer

I am using react-responsive-carousel but it does not working with SSR in NextJs? do you have any example for enable SSR in this conponent?

I am working on an e-commerce project and have to fetch product details data through SSR and render it on the screen. While the data is displayed correctly, I am facing issues with displaying the product images. I am using the…
Mr.Osama
  • 1
  • 1
0
votes
0 answers

react-responsive-carousel - screen turned white when sweep

On smaller screen, if i swipe to left or right, at beginning, slider went fare more on left or right then content it have, displaying white (background) space. i was investigating this issue and it is probably connected with issue…
Vlada Mitic
  • 1
1
2