Building an image carousel

In this section, we will build an alternate version of our application's index.html file that displays the hero section as a carousel. Bootstrap 3 provides the carousel component based on jQuery.

Some of the key attributes about building a carousel are:

  • data-ride: This attribute is used for the carousel animation on page load
  • data-slide-to: This attribute is used for the carousel page indicator to navigate to that page
  • data-slide: This attribute represents the navigation of the next and the previous item in the carousel

Some of the key classes of building carousel are:

  • carousel: This represents the class of the whole carousel container
  • carousel-inner: This class is the wrapper class for the inner carousel items
  • item: This represents ...

Get Developing Responsive Web Applications with AJAX and jQuery now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.