Submodule 10.4: Carousel

Adding Carousel Controls

Next, we will add manual controls to the carousel so that we can manually move among the slides. Add the following code to the bottom after the carousel items in the div of the carousel to add slide indicators that enable us to select a specific slide:

Carousel indicators source:

Then, add the left and right controls to the carousel that enable us to move to the previous and next slide manually. Add this to the bottom of the carousel div: 

left and right controls source:

The code will create a page displayed as: