Bootstrap Carousel : Remove auto slide

by

You can do this 2 ways, via js or html (easist)

  1. Via js
$('.carousel').carousel({
  interval: false,
});

That will make the auto sliding stop because there no Milliseconds added and will never slider next.

  1. Via Html By adding data-interval="false" and removing data-ride="carousel"
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">

becomes:

<div id="carouselExampleCaptions" class="carousel slide" data-interval="false">

updated based on @webMan’s comment

More Related Contents:

  1. Passing data to a bootstrap modal
  2. How to open a Bootstrap modal window using jQuery?
  3. Make VueJS and jQuery play nice
  4. How to bind bootstrap popover on dynamic elements
  5. Getting Bootstrap’s modal content from another page
  6. Contain form within a bootstrap popover?
  7. Twitter Bootstrap alert message close and open again
  8. Bootstrap 4 File Input
  9. Bootstrap datepicker disabling past dates without current date
  10. Calling a function on Bootstrap modal open
  11. How to create a responsive image that also scales up in Bootstrap 3
  12. How to change active class while click to another link in bootstrap use jquery?
  13. Callback function after tooltip / popover is created with twitter bootstrap?
  14. How to hide Bootstrap modal with javascript?
  15. How to enable Bootstrap tooltip on disabled button?
  16. Why does multiple modal using twitter bootstrap got error too much recursion?
  17. Bootstrap accordion, scroll to top of active (open) accordion on click?
  18. how to bind Bootstrap-datepicker element with angularjs ng-model?
  19. How to keep the changes made to DOM by javascript/jquery on page refresh
  20. Onclick reload the div only
  21. Bootstrap Dropdown with Hover
  22. script order for jquery with bootstrap
  23. Make Bootstrap Popover Appear/Disappear on Hover instead of Click
  24. Bootstrap Carousel image doesn’t align properly
  25. Force hide address bar in Chrome on Android
  26. Bootstrap modal hide is not working
  27. Twitter bootstrap progress bar animation on page load
  28. Set default time in bootstrap-datetimepicker
  29. Form Validation With Bootstrap (jQuery)
  30. Twitter Bootstrap Popovers not working for Dynamically Generated Content

Leave a Comment