Note that there are some explanatory texts on larger screens.

plurals
  1. POBootstrap Carousel Transitions and Prev/Next Buttons Not Working
    text
    copied!<p>I'm trying to implement the twitter bootstrap carousel, and it's not working - it doesn't switch images automatically, AND the previous/next buttons don't work. </p> <p>I've tried switching to jquery 1.7.1 as suggested on <a href="https://stackoverflow.com/questions/11233449/bootstrap-carousel-not-automatically-sliding">Bootstrap Carousel Not Automatically Sliding</a> and <a href="https://stackoverflow.com/questions/9353294/bootstrap-carousel-not-working">Bootstrap Carousel Not working</a>, but nothing seems to help. </p> <p>Any ideas would be appreciated.</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Slideshow Test&lt;/title&gt; &lt;link href="css/bootstrap.css" rel="stylesheet" type="text/css" /&gt; &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt; &lt;script src="js/jquery-1.7.1.min.js"&gt;&lt;/script&gt; &lt;script src="js/bootstrap-transition.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="myCarousel" class="carousel slide" style="width:450px"&gt; &lt;!-- Carousel items --&gt; &lt;div class="carousel-inner"&gt; &lt;div class="item active"&gt;&lt;img src="img/IMG_2.jpg"&gt;&lt;/div&gt; &lt;div class="item"&gt;&lt;img src="img/IMG_3.jpg"&gt;&lt;/div&gt; &lt;div class="item"&gt;&lt;img src="img/IMG_1.jpg"&gt;&lt;/div&gt; &lt;!-- Carousel nav --&gt; &lt;a class="carousel-control left" href="#myCarousel" data-slide="prev"&gt;&amp;lsaquo;&lt;/a&gt; &lt;a class="carousel-control right" href="#myCarousel" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>You can view it and its linked files at <a href="http://www.abbymilberg.com/bootstrap" rel="nofollow noreferrer">www.abbymilberg.com/bootstrap</a>.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload