0

私は以前にたくさんのjqueryギャラリーを扱ってきましたが、これはうまくいきません.私はTwitterのブートストラップを使用しています.JSブートストラップファイルがUnslider jqueryギャラリーのJSファイルに干渉しているのではないかと思います-> Unslider使用しています。

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/half-slider.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
    <!-- JQuery -->
    <script src="js/jquery-1.11.2.min.js"></script>
</head>

<body>

    <!-- Navigation -->
    <nav class="navbar  navbar-static-top " role="navigation"style="background-image:url('img/ap.jpg');">
        <div class="container" >
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="#">Galleries</a>
                    </li>
                    <li>
                        <a href="#">About</a>
                    </li>
                    <li>
                        <a href="#">Contact</a>
                    </li>

                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

   <!--  -->

   <div id="banner">
   <ul>
        <li> <img src="img2.jpg"/> </li>
       <li>  <img src="img3.jpg"/> </li>
        <li> <img src="img11.jpg"/> </li>
        <li> <img src="img7.jpg"/> </li>
        <li> <img src="img9.jpg"/> </li>
    </ul>

    </div>


</div> -->
 <div id="push"></div>
    </div>

<div id="footer">
      <div class="container">
        <p>Copyright 2014</p>
      </div>
    </div>
<!-- /.container -->


    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Other JS files -->
    <script src="js/unslider.js"></script>
    <script type="text/javascript">
    $(function() {
    $('.banner').unslider({
    speed: 500,               
    delay: 3000,              
    complete: function() {},  
    keys: true,               
    dots: true,              
    fluid: false              
});
});
    </script>

</body>

</html>
4

1 に答える 1

0

私は時々とても怠け者になり、コードを正しく読まないことがあります.私の間違いを見つけました.それはそうではありません.申し訳class ="banner"ありませid="banner"ん

于 2015-01-19T19:17:31.243 に答える