All geek questions in one place

Twitter Twitter Bootstrap Cassette Does Not Pause on Hover / Hover

code:

<html> <head> <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.no-icons.min.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script> <script> $(document).ready(function(){ $('#welcome-carousel').carousel({ interval: 5000, }); }); </script> </head> <body><div style="width:600px;margin:auto;"> <div id="welcome-carousel" class="carousel slide"><!-- class of slide for animation --> <div class="carousel-inner"> <div class="item active"><!-- class of active since it the first item --> <img src="img/image1.png" alt="" /> </div> <div class="item"> <img src="img/image4.png" alt="" /> </div> <div class="item"> <img src="img/image3.png" alt="" /> <div class="carousel-caption"> <p>Hello to the WORLD!</p> </div> </div> <div class="item"> <img src="img/image2.png" alt="" /> </div> <div class="item"> <img src="img/image1.png" alt="" /> </div> </div><!-- /.carousel-inner --> <!-- Next and Previous controls below href values must reference the id for this carousel --> <a class="carousel-control left" href="#welcome-carousel" data-slide="prev">&lsaquo;</a> <a class="carousel-control right" href="#welcome-carousel" data-slide="next">&rsaquo;</a> </div> </div> <p>hey</p> </body>

If I cover the slide show, it will not stop the slide show. Why?

+4
source share
2 answers

Try (in your case):

  $(document).ready(function(){ $('#welcome-carousel').carousel({ interval: 5000, pause: "hover" }); });

According to docs: http://twitter.github.com/bootstrap/javascript.html#carousel

+12
source

we just found a bug in the carousel with bootstrap 2.2.1, where the carousel doesn't stop hanging when you hang the carousel in the middle of the slide / transition. Here you can find out more about this question - https://github.com/twitter/bootstrap/issues/5747

+7
source

Source: https://habr.com/ru/post/1444020/

More articles:


All Articles