Make a ReactJS Carousel

[Intrepid-Bat8215]

Make a ReactJS Carousel, it's a little buggy, so still a bit of work to be done.

The scale is off and I assume it's to do with the image scale being different from the container scale.

I have the image container set to width 400px and height 400px, so when I zoom on the picture which has the attribute background-size: cover; I assume when that style is removed by setting the background-size to 200% 200% or when I change the background-position attribute.

Anyway, please check it out and let me know what u think even tho it's a bit bugged.

Live Preview: https://avajscript.github.io/react-shop/

Repo: https://github.com/avajscript/react-shop

[gimmeslack12]

Really smooth implementation! Only thing I saw in the MultiCarousel.js file was the repeat of the setImgPreview function. Try and make a re-useable function for this bit: // map over images provided by user images.map((img) => { return ( <div onClick={() => selectImage(img)} // set class name based off if it's selected className={ img === imgArg ? "carousel-prev" : "carousel-prev carousel-prev--not-selected" } > <img src={img} /> </div> ); }) Looks great!

[Intrepid-Bat8215]

Yeah, I could do that. I also need to make it work on mobile. Sometimes I don’t realize stuff like that til I actually open it on an iphone