How to Remove Automatic Bootstrap Slider

Asked

Viewed 3,283 times

0

How to remove the automatic slide from the Bootstrap slide? I have a Carousel that is working perfectly, but I need it to stay static and only change the images when you click on the right or left arrows.

bootstrap slide carousel

2 answers

2

Just add the data-interval attribute and enter the value 0 (false):

<div class="carousel slide" data-ride="carousel" data-interval="0">

2


Try:

$('.carousel').carousel({
    pause: true,
    interval: false
});

  • Dude, I put the code like you said but it’s still changing itself:

  • Dude, I put the code like you said but it still didn’t work: <script type="text/javascript"> $('.Carousel'). Carousel({ interval: false, }); </script>

  • I think it has to do with the name of the class you have in your house

  • If you can complete the question with the first part of the html of your sff Dashboard. Then I adjust my answer

  • What is the version of your bootstrap?

  • Bootstrap v3.3.6. I put javascript edited and still nothing.

  • I edited it, try it like this

  • Nothing yet. Keeps changing the slide

  • Make a mistake on your console?

  • Tested: http://jsfiddle.net/Q2TYv/2428/ . Results here

  • Dude, kid wrong. I was putting the script in the head and declared the jquery below. Now it worked, thanks

Show 6 more comments

Browser other questions tagged bootstrap slide carousel

You are not signed in. Login or sign up in order to post.