🖼️ Responsive Image Gallery Slider Using HTML CSS & JavaScript

Опубликовано: 18 Август 2022
на канале: Bedimcode

30,220

1.1k

How to make a responsive image gallery slider using HTML CSS & JavaScript (SwiperJs). With thumbnails to slide the images and animation effects.

🔔 Subscribe for more!
/ @bedimcode

------------------------------
🔗 Source code
https://github.com/bedimcode/responsi...

💎 Membership (All Source Code)
https://www.buymeacoffee.com/bedimcod...

------------------------------
👨‍💻 Build the project from scratch
https://github.com/bedimcode/responsi...

👆 Download (empty files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP

📂 Assets
Icons: https://remixicon.com/
Fonts: https://fonts.google.com/
Swiper: https://swiperjs.com/

⏱ Timestamps
0:00 Intro Image Slider
0:48 Project Setup
1:40 Image Slider HTML
5:09 Variables & Reset CSS
06:45 Image Slider CSS
11:57 Integrate SwiperJs
27:32 Breakpoints
29:18 Final Project

------------------------------
☕️ Support me
https://www.buymeacoffee.com/bedimcode

💙 Support me by PayPal
https://ko-fi.com/bedimcode

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

#imageslider #sliderhtmlcss #bedimcode

Смотрите видео 🖼️ Responsive Image Gallery Slider Using HTML CSS & JavaScript онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Bedimcode 18 Август 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 30,220 раз и оно понравилось 1.1 тысяч людям.

141