I have a bootstrap carousel on my web page, I'm trying the increase the time interval between each slide. The default delay of 5000 milliseconds is too fast, I need about 10 seconds.
Use the [interval]="'0'" input. This will disable the auto-sliding feature. Here's the link to the Carousel Documentation.
If you are using bootstrap carousel, then you need to provide the data-interval attribute on your main carousel div to change the speed of carousel. Ex. Here the value 3000 is in msec. If you are not using bootstrap carousel, then specify more details what exactly you have done so far.
By default the elements in a Carousel slide to the next with a default time interval of 0.6 seconds ie 600ms. If you wish to change this time limit then you need to make in the CSS file provided. Note that you are not working with CDN links for Bootstrap CSS and JavaScript file.
You can also use the data-interval attribute eg. <div class="carousel" data-interval="10000">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With