carr1005 / react-carousel-slider Goto Github PK

The default settings displays the first element in the center of the content area

One can see this behavior in the sample you provide here

I was expecting a setting to have the first item (1) in the left of content area, like the following:

This might also be related with the feature for having a setting to control the "infinite" scroll.

Thanks for having this project.

Once CarouselSlider is rendered, it does not reflect any changes in slides. e.g. You may want to select some slide upon clicking, by giving a border to clicked slide.

Hi, I try to use your component by using your basic usage

render() {

                        let data = [

                            {
                                "des": "1",
                                "imgSrc": "https://i.imgur.com/7nbAJ0C.jpg"
                            },
                            {
                                "des": "2",
                                "imgSrc": "https://i.imgur.com/pgCzueK.jpg"
                            }
                            {
                                "des": "3",
                                "imgSrc": "https://i.imgur.com/d5aiXJP.jpg"
                            },
                            {
                                "des": "4",
                                "imgSrc": "https://i.imgur.com/L75otV6.jpg"
                            },
                            {
                                "des": "5",
                                "imgSrc": "https://i.imgur.com/qkPMr9D.jpg"
                            }
                        ];
                
                        return  <CarouselSlider slideItems = {data} />;   

                    }

I got an Error

ReferenceError: Image is not defined
/www/node_modules/react-carousel-slider/es/index.js:39:1

I hope you help me with my problem

Does this slider support for desktop drag or mobile?

I am getting an issue regarding CSS

ERROR in ./node_modules/react-carousel-slider/es/CarouselSlider.css Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type. | .rcs_sliderSet { | width: 100%; | }

Any idea how to solve this?

I'm using the lib for an infinity auto-scroll loop carousel. But after some (I think 4) loops, the circular ends and there is no more images, just keep it empty.

I dont know if its is the issue but in you carousel slider css
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

it Says : Error (400): Missing font family

I hope you will fix the issue :) thanks

I have been trying to used the react-carousel-slider in my project and I keep running into this error ... it doesn't seem to work for me even if I downgrade or upgrade the package. Below is the error message:

node_modules/react-carousel-slider/lib/CarouselSlider.css:1
(function (exports, require, module, __filename, __dirname) { .rcs_sliderSet {
^

SyntaxError: Unexpected token .
at createScript (vm.js:80:10)
at Object.runInThisContext (vm.js:139:10)
at Module._compile (module.js:616:28)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at Object. (/node_modules/react-carousel-slider/lib/index.js:13:1)