How to build a Netflix Slider with HTML, CSS & Javascript (for beginners) in 2021

[@aboudoff5862]

ur amazing bro :

[@eleftheriosbeltsios9650]

Great to see the KZbin journey of an aspiring Greek Berliner! Good luck and keep it up!

[@iamstratos]

Thank you Eleftherios!

[@Trivimania]

Would it be difficult to add a to the image of the individual movies and have a little zooming of the image on hover ?

[@redshark8796]

hello, thanks for the tutorial! I have a problem, I reduced the size of the images in “.thumbTile--image” which I replaced with “.swiper-slide img”. They reduce in size nicely, but this creates too large a horizontal gap between each image. Help pls :/

[@iamstratos]

Can you elaborate? I'm not sure I understand what you changed.

[@vgcrazy]

Bro , I will Like the video in next week , because in next week I am going to do this, if it works I am going to like this video. *surely*

[@lyzwaiyaki]

Hi .. I want to build something similar but I would like to change the movies shown. What's your source for the images? Thanks

[@iamstratos]

Hey, I was getting the photos directly from Netflix. However, this is for education purposes only.

[@thomescribanti3228]

great dude,ily

[@StratosIo]

Thanks!

[@ryanoxner]

Thanks for the video. How can I link each thumbnail to a KZbin video?

[@iamstratos]

You can just change the .thumbTile element's href and it will go to the video you'd like

[@deepdivenews2249]

Great video bro

[@iamstratos]

Thank you!

[@deepdivenews2249]

@@iamstratos Hi, thank you again for the video but I have problem with my next and prev buttons I was wondering if you could help with. The problem is that with this piece of CSS, the buttons take 100% height of the whole screen and don't stick next to the slider. Do you know how can I make them 100% height of their parent Div and not of the whole screen ? .swiper-button-prev, .swiper-button-next{ height: 100%; width: 4%; top: 0; bottom: 0; margin: 0; background-color: rgba(20, 20, 20, 0.5); } Thank you in advance

[@Azerlow]

​@@deepdivenews2249 Move the prev & next button divs right under the latest slide (so at the lowest place in the swiper-wrapper div) in your html index, it worked for me 👍

[@khishigayarbal4403]

how to make scale effect

[@iamstratos]

That would be another tutorial since it will take some time to build. Thanks for the idea though!

[@jmvw9669]

thanks

[@welingtonsilva4741]

link down.

[@iamstratos]

That's true. Let's hope it will get fixed or I'll post another one. Thank you!