Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change the interval time on bootstrap carousel?

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.

like image 514
Alan Avatar asked Aug 05 '14 20:08

Alan


People also ask

How do you turn off data-interval in carousel?

Use the [interval]="'0'" input. This will disable the auto-sliding feature. Here's the link to the Carousel Documentation.

How can I control the speed that Bootstrap carousel slides in items?

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.

How do you increase carousel slide speed?

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.


1 Answers

You can also use the data-interval attribute eg. <div class="carousel" data-interval="10000">

like image 50
Deryck Avatar answered Sep 21 '22 19:09

Deryck