// JavaScript
Button1.onclick = function () {
$("#Carousel1").carousel("pause");
};
Button2.onclick = function () {
$("#Carousel1").carousel(0);
};
Carousel (Bootstrap)
Description
https://getbootstrap.com/docs/5.3/components/carousel/
A slideshow component for cycling through elements—images or slides of text—like a carousel.
How it works The carousel is a slideshow for cycling through a series of content. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.
Nested carousels are not supported. You should also be aware that carousels in general can often cause usability and accessibility challenges.
Properties and Methods
Standard properties are supported, plus:
autoplay | Set to Carousel to start playing immediately, set to Ride to start after user interaction. |
buttons | Show Prev and Next buttons on the image, for user to scroll. |
captions | Captions for each image, one per line. |
descriptions | Descriptions for each image, one per line. |
indicators | Show indicators to go to slides directly? |
interval | How long to display an image before going to next one. In milliseconds. Default 2000. |
Events
Standard events are supported. For this control, the onclick event will be most useful.
Example
' Basic
Function Button1_onclick()
$("#Carousel1").carousel("pause")
End Function
Function Button2_onclick()
$("#Carousel1").carousel(0)
End Function