0

わかりました...これが私のコードです...今....ページが読み込まれると最初の画像は動きません...しかし、訪問者が次の画像を選択してから画像の選択をやめると...カルーセルが動き始めます画像ごとにデフォルトの 5 秒でオートサイクルします。カルーセルを自動循環させたくありません。サイトの訪問者が次のボタンをクリックしたときにのみ画像を移動できるようにしたい.

私は何が欠けていますか？

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  <title>Home</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
  <script>
  $(function(){
    $('.carousel').carousel({
      interval: false
    });
  });
  </script>
</head>
<body>
  <div class="container">
    <header class="navbar navbar-fixed-top">
      <nav class="navbar-inner">



      </nav>
    </header>
    </div>

    <div id="main" role="main">
      <div class="container">
        <div class="content">
           <div class="row">
            <div class="span12">
              <!-- yeild goes here -->
              <h1><%= image_tag "logo.png", :title => "Home", :class => "logo" %></h1>
              <div id="myCarousel" class="carousel slide">
                <ol class="carousel-indicators">
                  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                  <li data-target="#myCarousel" data-slide-to="1"></li>
                  <li data-target="#myCarousel" data-slide-to="2"></li>
                  <li data-target="#myCarousel" data-slide-to="3"></li>
                </ol>
                <!-- Carousel items -->
                <div class="carousel-inner">
                  <div class="active item"><%= image_tag "home_1.jpg", :title => "title", :class => "class" %></div>
                  <div class="item"><%= image_tag "home_2.jpg", :title => "title", :class => "class" %></div>
                  <div class="item"><%= image_tag "home_3.jpg", :title => "title", :class => "class" %></div>
                  <div class="item"><%= image_tag "home_4.jpg", :title => "title", :class => "class" %></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>
              <!-- yeild ends here -->
            </div>
          </div>
        </div>
      </div> <!--! end of .container -->
    </div> <!--! end of #main -->
    <div class="container">
      <footer class="navbar navbar-fixed-bottom"><!--! TODO footer goes here -->
        <nav class="navbar-inner">



        </nav>
      </footer>
    </div>
</body>
</html>
4

0 に答える 0