How to Get total and Current Slide Number of Carousel

Question

Can you please let me know how I can get the total and current number of the carousel slides in bootstrap like the image below?

Answer 1

You can use jquery index() function to get the current index of active element inside list of item. So the code is look like this:

var currentItem = $("#carousel-1 .item.active" );
var currentIndex = $('#carousel-1 .item').index(currentItem) + 1;