Slide indicator not showing active in jquery carousel

I am using a jquery carousel that was code from a template with a CSS and JS file. The carousel did not include a slide indicator on it and I’m trying to add it in the code. I placed in the following code within the HTML file with corresponding code in the CSS for the added class:

ol class=“carousel-indicators”
li data-target=“#obccarousel” data-slide-to=“0” class=“active” /li
li data-target=“#obccarousel” data-slide-to=“1” /li
li data-target=“#obccarousel” data-slide-to=“2” /li
li data-target=“#obccarousel” data-slide-to=“3” /li
/ol

The indicators show up and it shows the first circle in the active state, but that’s all it does. Do I need to add something in the HTML, CSS or JS file and what would that be to make it function so that when the slides move automatically, the active state changes on the indicators and also if you click on the indicators, they will take you to the corresponding slide (i.e., click on indicator 1 it goes to slide 1).

Thank you in advance for anyone’s help!!!

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.