0

ブートストラップでスライドショーを作ろうとしています。ただし、ナビゲーションボタンをクリックしても画像は変わりません。

最初の画像が正しく表示され、ナビゲーション ボタンが表示されます。

    <html lang=“en”&gt;
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>About</title>

    <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="css/bootstrap-responsive.css" rel="stylesheet">
    </head>
    <body>

    <div class="row-fluid">
        <div class="span12">
            <div class="container">
                <div id="this-carousel-id" class="carousel slide">
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="http://foto.qaz.dk/malta2013/DSC02744_v1.jpg" alt="Birdie" />
                        </div>
                        <div class="item">
                            <img src="http://foto.qaz.dk/malta2013/DSC02834_v1.jpg" alt="phone" />
                        </div>
                    </div>
                    <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
                    <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
                </div>
            </div>
        </div>
    </div>
    <!-- end carousel -->

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <!-- Bootstrap jQuery plugins compiled and minified -->
    <script src="js/bootstrap.min.js"></script>
    </body>

    </html>
4

1 に答える 1

1

まず、いくつかの構文の問題があります。

前にhttp:が必要です//ajax.google...

そして、このバックスラッシュがそこにあるはずがないことはかなり確信しています:<\/script>

次に、ソースをチェックして、jquery が正しくリンクされていることを確認します。

于 2013-09-12T15:22:37.233 に答える