Bootstrap 5 Carousel (with dark mode too!)
Bootstrap 5 makes building carousels a breeze! Here is a step-by-step tutorial on how to go from simply rotating images to adding usability into the slide show with previous and next indicators along with icons at the bottom to show users how many images there area. We will also go into adding captions, a dark mode theme along with changing from sliding images to fading images. Download the source code: https://adesignerwhocodes.ck.page/e32184a83b Table of Contents: 00:00 Getting started with Carousels 01:05 Setting up the carousel framework 03:02 Adding images to the carousel 06:20 Adding the previous and next icons 11:15 Adding in bottom indicators to show number of sides 14:42 Adding captions to the carousel 17:01 Dark Mode! 18:44 Speeding up or slowing down the carousel 20:35 Fade vs slide 21:23 Responsive goodness thanks to the container Thanks! Haydn - - - - - - 📫 Join my newsletter for free! https://pro.adesignerwhocodes.com ⤵ Download ALL of my source codes & courses Introducing ADWC PRO https://pro.adesignerwhocodes.com On some video descriptions, I do provide links to referrals, whereby I do receive a commission if you do buy from them. It's just one more way of support you can give to this channel. Thanks! - - - - - -
Download
0 formatsNo download links available.