Complete Image Slider using CSS & JavaScript

Publié le: 10 octobre 2022
sur la chaîne: CODE WITH HOSSEIN
7,292
like

Hey guys 😁 Are you looking for a Complete full Image Slider tutorial using CSS & JavaScript ?! I've prepared this video for you. In this video, we're gonna design an Image Slider without any framework and it also has some unique CSS styles... Don't forget to hit the like button and see you in the next video 😊

📂 Assets
Icons: https://boxicons.com/
Font: https://fonts.google.com/

🔗 Source code
https://github.com/hosseinnabi-ir/Com...

🔔 Subscribe Now!
   / @codewithhossein  

⏱ Timestamps
00:00 What are we gonna design?!
00:41 Slider Items Elements
01:14 Slider Styles
01:31 General Styles
01:59 Slider Items Styles
02:20 Adding Slider Controls
02:50 Slider Controls Styles
04:27 Adding Slider Indicators
04:44 Slider Indicators Styles
05:37 Adding Slider Content
06:01 Slider Content Styles
07:06 Showing Slides using JavaScript
10:32 Handling Controls & Indicators Click
11:48 Making Slider Animated
12:41 Thanks For Watching :)

🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Last Summer [Official]
Music provided by Ikson®
Listen:    • #37 Last Summer (Official)  
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Song: Levianth & Axol - Remember (feat. The Tech Thieves)
Music provided by NoCopyrightSounds
Free Download/Stream: http://ncs.io/remember
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch:    • Jordan Schor & Harley Bird - Home  | Futur...  
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch:    • Lost Sky - Where We Started (feat. Jex) | ...  
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein


Sur cette page du site, vous pouvez voir la vidéo en ligne Complete Image Slider using CSS & JavaScript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur CODE WITH HOSSEIN 10 octobre 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 7,292 fois et il a aimé like téléspectateurs. Bon visionnage!