0

** 私は他の人のために働いたいくつかの役立つ解決策を見てきました..それらをタグに実装しました..順序を書き留めましたが、それでも私のカルーセルスライダーは自動的に開始しませんか? 誰か助けてくれませんか?? 以下のコードを参照してください:**

<!DOCTYPE html>
<html>
<head>
 <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>

    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <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/jquery-1.7.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
        $('#this-carousel-id').carousel({                // For Carousel Image Slider
            interval: 4000,
            cycle: true,
            }).trigger('slid');

    </script>  
</head>

<body>
<!--  Carousel - consult the Twitter Bootstrap docs at 
      http://twitter.github.com/bootstrap/javascript.html#carousel -->

<div id="this-carousel-id" class="carousel slide"><!-- class of slide for animation -->
  <div class="carousel-inner">
    <div class="item active"><!-- class of active since it's the first item -->
      <img src="/images/3plogo.jpg" alt="" />
      <div class="carousel-caption">
        <p>Check out our Latest Events</p>
      </div>
    </div>
    <div class="item">
      <img src="/images/cs.jpg" alt="" />
      <div class="carousel-caption">
        <p>We can help with getting you Corporate Sponsorships</p>
      </div>
    </div>
    <div class="item">
      <img src="/images/edp.jpg" alt="" />
      <div class="carousel-caption">
        <p>We do Event Design & Planning </p>
      </div>
    </div>
    <div class="item">
      <img src="/images/brandmanagement.jpg" alt="" />
      <div class="carousel-caption">
        <p>Brand Management you can count on!</p>
      </div>
    </div>
  </div><!-- /.carousel-inner -->
  <!--  Next and Previous controls below
        href values must reference the id for this carousel -->
    <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><!-- /.carousel -->

<!-- end carousel -->
4

3 に答える 3

0

トリガー属性を削除して試していただけますか

$(document).ready(function() {
    $('.carousel').carousel({
   interval: 2000
  })

うまくいくはず..

于 2013-10-08T05:21:35.470 に答える
0

では、カルーセルを初期化した後twitter bootstrap 3にメソッドを呼び出す必要があります。carousel('cycle')

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

    $('.carousel').carousel('cycle');
});
</script>
于 2013-10-08T10:04:23.167 に答える
0

カルーサルの後に JavaScript ファイルを配置する必要がある場合があります。実際にはページの終わりの前に。

<script type="text/javascript">
var $ = jQuery.noConflict();
$(document).ready(function() { 
  $('#myCarousel').carousel({ interval: 3000, cycle: true });
}); 
</script>

参照: http://twitterbootstrap.org/twitter-bootstrap-3-carousel-not-automatically-starting/

ありがとう

于 2014-02-03T17:22:12.687 に答える