Make a 3D Image Carousel with React Slick

Make a 3D Image Carousel with React Slick

Chris DeSilva

3 года назад

40,983 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@Coolgardt
@Coolgardt - 26.07.2023 20:36

Thank you!

Ответить
@imaginechiu4371
@imaginechiu4371 - 19.06.2023 05:57

Thank you for the tutorial :)
I'd like to recommend another React carousel to you, it's called "bear-react-carousel". You might want to give it a try.

Ответить
@Sameer89
@Sameer89 - 05.05.2023 21:38

Thankyou so much man!

Ответить
@shaunakchandra737
@shaunakchandra737 - 26.12.2022 16:32

thnks a lot for this helpful video

Ответить
@maffseds
@maffseds - 23.09.2022 18:20

anyone know if there's a way with slick slider to make it so rather than images appearing out of nowhere, the left image animates to the right images place, 2nd (main) image minimises to the 1st images place, and 3rd image enlarges to the 2nd (main) images place?

Ответить
@dylancam812
@dylancam812 - 30.07.2022 10:38

This is a great video, but is there anyway to get it to work with onKeyDown using the right and left arrow on desktop or a swipe on mobile?

Ответить
@Mikef05316338
@Mikef05316338 - 24.07.2022 01:32

Awesome vid. Quick question, you know the {onClick} prop that goes into each arrow component, does that run a function that is under the hood as part of the Slider component?

Ответить
@ganesan.r5430
@ganesan.r5430 - 03.06.2022 10:07

thank you so much for sharing

Ответить
@benedictpajarillaga2328
@benedictpajarillaga2328 - 19.03.2022 11:45

hi, I get an error when I import slick css, I installed it tho

Ответить
@julieta1790
@julieta1790 - 01.03.2022 23:55

Thank you! This was very useful : D

Ответить
@skyenolimit6209
@skyenolimit6209 - 27.02.2022 12:11

As a self taught dev, I thank you for the in-depth explanation. You have a new subscriber, thank you so much!

Ответить
@natamatos8547
@natamatos8547 - 08.02.2022 00:51

Thank you for your help

Ответить
@GLBrand
@GLBrand - 31.01.2022 00:56

THANKS A LOT!!!!!!!

Ответить
@pavanmyana5020
@pavanmyana5020 - 28.12.2021 11:25

​ @Chris DeSilva can u do it 5 images ... like the active slide is bigger and back slides in decreasing order of size

Ответить
@ranjmahmood2429
@ranjmahmood2429 - 20.11.2021 22:38

Great tutorial, thanks

Ответить
@amingrateful7661
@amingrateful7661 - 11.11.2021 23:10

EXACTLY what I was looking for 👍🏻👍🏻👍🏻 great video. Thanks

Ответить
@viniciusbittencourt2649
@viniciusbittencourt2649 - 08.10.2021 16:15

Thank's man, very good tutorial, save a workproject mine

Ответить
@codigosimple1989
@codigosimple1989 - 18.08.2021 20:24

are you sure we can use other icons? my antd arrows are not showing

Ответить
@codigosimple1989
@codigosimple1989 - 18.08.2021 19:57

can we show 5 slides? "slidesToShow: 5"??

Ответить
@mira-films1169
@mira-films1169 - 28.07.2021 18:31

Thanks Chris, i have a little question, how can i edit the styles of the arrows based on the length of the Slider, i mean, if the slider is in the end desactivate the right arrow, again, thanks!

Ответить
@bernardmariten2142
@bernardmariten2142 - 08.07.2021 01:00

Weirdly the arrows did not style on my practice

Ответить
@fillipsickevics247
@fillipsickevics247 - 01.07.2021 10:16

Have anyone tried using this carousel with videos? Using ReactPlayer for example

Ответить
@hanzenpeter3917
@hanzenpeter3917 - 21.06.2021 11:49

Thank you are a live saver! Best tutorial ❤️

Ответить
@Peace8D
@Peace8D - 14.06.2021 19:11

Hey Chris, amazing tutorial bud, could we get another tutorial on how to make this responsive? like 2 images on medium width screens and 1 on smaller ones? Would be great to see that on the channel ✌

Ответить
@MUandST
@MUandST - 14.04.2021 08:41

Thank you so much 💝

Ответить
@lylerogers8694
@lylerogers8694 - 08.04.2021 22:39

He maid three hours of annoying research through documentation look simple. And now it is, Yes!

Ответить
@afiffirdaus1033
@afiffirdaus1033 - 20.03.2021 11:03

Thank you!

Ответить
@jaycrijaygandhi
@jaycrijaygandhi - 07.03.2021 02:10

one doubt what about making it responsive

Ответить
@eeebeltran5445
@eeebeltran5445 - 05.02.2021 04:59

Thank you! Eres el mejor!!!

Ответить
@moisessoto5061
@moisessoto5061 - 18.01.2021 05:16

nice also using the cyberpunk theme

Ответить
@edubaba
@edubaba - 29.12.2020 00:41

Can the slides author play without clicking ?

Ответить
@manojkumar-qp8xu
@manojkumar-qp8xu - 13.12.2020 20:37

Wonderful... Is that slide works without the arrow buttons..

Like, scrolling horizontally over the carrousal? With Having the same effect

Ответить
@TheAlmostTV
@TheAlmostTV - 07.12.2020 11:05

Hey, nice tutorial! Can you explain why the spread operator is used in <Slider {...settings}>? I have a hard time grasping when it should be used

Ответить