Expand my Community achievements bar.

Manually Trigger AEM Carousel Component Click Event


Level 1

I want to enhance the functionality of a default carousel component by adding custom navigation buttons using JavaScript or jQuery, I don't understand the carousel's API or the mechanism it uses for navigation. I've looked through the documentation on the component, but couldn't find anything. Are there predefined methods to control the carousel programmatically?  How do you simulate calling the function that moves the carousel forward and back?


Is there nothing like you use for Bootstrap:

$('#my-next-button').click(function(){ $('#myCarousel').carousel('next'); });


Topics help categorize Community content and increase your ability to discover relevant content.

0 Replies