Home/ Questions/Q 8567199
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T17:49:39+00:00

I’m trying to implement the twitter bootstrap carousel, and it’s not working – it

  • 0

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.

I’ve tried switching to jquery 1.7.1 as suggested on Bootstrap Carousel Not Automatically Sliding and Bootstrap Carousel Not working, but nothing seems to help.

Any ideas would be appreciated.

<!DOCTYPE html>
<html>
    <head>
        <title>Slideshow Test</title>
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
        <script src="js/bootstrap.js"></script>
        <script src="js/jquery-1.7.1.min.js"></script>
        <script src="js/bootstrap-transition.js"></script>
    </head>
    <body>
        <div id="myCarousel" class="carousel slide" style="width:450px">
            <!-- Carousel items -->
            <div class="carousel-inner">
                <div class="item active"><img src="img/IMG_2.jpg"></div>                
                <div class="item"><img src="img/IMG_3.jpg"></div>
                <div class="item"><img src="img/IMG_1.jpg"></div>
                <!-- Carousel nav -->
                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
            </div>
        </div>    
    </body>
</html>

You can view it and its linked files at http://www.abbymilberg.com/bootstrap.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should include bootstrap.js after you include jquery.js:

    <script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap.js"></script>
    • 0