I am using bootstrap 4 carousel with 11 slides which are working fine as desired. I have another div (#div-info) say in which I wish to display certain Text and some other image as per carousel slide. I mean when slide no. 2 is
active, it must display text as SLIDE 2 and some fix images as per slide 2 in another div (#div-info) and when carousel moves to next slide i.e. 3, the another specific text and specific images is to display in div(#div-info).
I had observed the event “slide.bs.carousel” but unable to find the solution.
Please help. I am very much novice in JavaScript and jQuery but I would try me level best to follow your
instructions.