Submodule 11.1: Bootstrap and jQuery

Adding the Carousel Control Buttons

We will introduce two new buttons into the carousel component that we already included in the index.html page. To add the two buttons to the carousel, add the following code to the end of the carousel: 

Carousel HTML:

We are adding the two buttons inside a button group with the ID carouselButtons. The two buttons contain the pause and play icons to indicate their corresponding actions.