O'Reilly logo

Developing Responsive Web Applications with AJAX and jQuery by Sandeep Kumar Patel

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required