How To Make Responsive Image Slider Using HTML CSS and JavaScript

preview_player
Показать описание
In this video, I will create an extremely beautiful slider design using HTML CSS and Javascript that has all the functions such as: responsive, auto-run slider, slider transition button, and the ability to click on thumbnail images. small to switch slider.
-----
This youtube channel not only revolves around topics about website programming using HTML CSS Javascript, but also website design, ideation and implementation.
All codes are free. Sharing will help us grow faster.
#html #css #javascript
-----
-----
Contact With me:
Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support.
Рекомендации по теме
Комментарии
Автор

To be a coder is not easy after all typing I don't have good result😭

KhadijaSanusi-kicg
Автор

please show the result of classes and sudo class, when u write them all at once i dont understand whats going on,

Quotes-IIQ
Автор

Ủa chủ kênh người VN à??? :s Video rất là đầu tư và xịn nhé. Tks

anhvuuc
Автор

1 fully featured slider design using HTML CSS and Javascript ❤

lundeveloper
Автор

my codes stopped reacting when i reach the slider CSS. How can I fix that.

VirtualVortex
Автор

Could this and your other examples be made dynamic based on the latest releases of products from woocommerce?

IsotonikStudios
Автор

I followed this tutorial up to the end, but my slider runs only for the first two slides. Not sure if I missed anything.

lebarondekin
Автор

Big shout out to the gentleman...great content....I'm addictive 👍

allouacheelias-kf
Автор

Can you do the same thing with react and swiper js?

Rabiul-gkcc
Автор

am planning to add like 50 slides with vedios instead of images how do i optimize it and can you make an vedio on something lil complex - would be helpfull

sammyxf
Автор

If the user wants to add a slide then what we have to do?

cosmos
Автор

The slider is awesome thank you for the nice tutorial, I am using it in my project. But I think the comparison should be if itemActive >= countItem - 1 since the querySelectorAll() return a nodelist which contains 3 items but its index starts from 0 to 2

tz
Автор

Great Video. i was looking for something like this where the previous and next button as well as automatically the images changes. Aslo when a thumbnail is clicked. Thank you very much. Really appreciated

AsifDawood
Автор

Hi, could you send the code in React js ?

fernandafortes
Автор

Thanks you! It's is wonderful job

facundoramirez
Автор

Mine went dark after the first slider😢

jameskamau
Автор

Thanks for the slider but I couldn't quite follow it because you seemed to be rushing somewhere. I tried to build the same thing, other parts are working but when the last slider plays the screen goes blank. Is there any way we could download the codes for this project?

Secondbasemedi
Автор

Please I’ve got a problem
My JavaScript code is not working!!
And the codes are same with yours
I am using brackets editor

LaurenCaruso
Автор

Thank you very much for the video! Greetings from Germany. :)

SmartC
Автор

somebody help meee, the p dont appear with the animationn

maviuki