当我点击上一个或下一个按钮时,旋转木马正在跳跃

时间:2015-08-30 11:15:16

标签: html5 twitter-bootstrap css3 carousel

该网站为http://enspawn.com/apps/artistpalette/。当我去画廊区时,有一个旋转木马。当我点击上一个或下一个箭头标志时,旋转木马正在上升。 我还提到了以下代码:

<div class="container-fluid work" id="work">
<div class="container">
    <div class="row" id="starts">
        <div class="col-md-12 col-sm-12 col-xs-12 work-list">
            <h2 class="text-center portfolio-text">Gallery</h2>
            <div id="myCarousel" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <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>
                  <li data-target="#myCarousel" data-slide-to="4"></li>
                  <li data-target="#myCarousel" data-slide-to="5"></li>

                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                  <div class="item active">
                    <img src="images/Start_0.png" alt="palette">
                  </div>

                  <div class="item">
                    <img src="images/Start_1.png" alt="palette">
                  </div>

                  <div class="item">
                    <img src="images/Start_2.png" alt="palette">
                  </div>

                  <div class="item">
                    <img src="images/Start_3.png" alt="palette">
                  </div>
                  <div class="item">
                    <img src="images/Start_4.png" alt="palette">
                  </div>

                  <div class="item">
                    <img src="images/Start_5.png" alt="palette">
                  </div>                  

                </div>

                <!-- Left and right controls -->
                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev" >
                  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
                </a>
              </div><!--myCarousel-->

        </div>
    </div>
</div>

我需要一个解决方案。任何人都可以帮助我。

0 个答案:

没有答案