running latest jQuery and Bootstrap v. 2.0.3.  relevant code:

<!DOCTYPE html>
<html lang="en">
        <head>
        <meta charset="utf-8">
        <title>Test</title>
        <meta name="viewport" content="width=device-width, initial-
scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/bootstrap-responsive.css" rel="stylesheet">

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/
html5.js"></script>
        <![endif]-->

</head>

<body>

        <div id="myCarousel" class="carousel">
                <!-- Carousel items -->
                <div class="carousel-inner">
                        <div class="active item"><a href="#"><img 
src="img/1.jpg" alt="" /
></a></div>
                        <div class="item"><a href="#"><img src="img/2.jpg" 
alt="" /></a></
div>
                        <div class="item"><a href="#"><img src="img/3.jpg" 
alt="" /></a></
div>
                </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>

       <!-- Le javascript
       ================================================== -->
       <!-- Placed at the end of the document so the pages load faster
-->

        <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall
back to local if necessary -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/
jquery.js"></script>
        <script>window.jQuery || document.write("<script src='js/
jquery-1.7.2.min.js'>\x3C/script>")</script>

        <script src="js/bootstrap.js"></script>

        <script type="text/javascript">
        $(document).ready(function(){
                $('#myCarousel').carousel({
                        interval: 2000,
                });
        });
        </script>

</body>
</html>

Reply via email to