0

カルーセル ブートストラップを使用していますが、Internet Explorer 10 では正しく動作しません。Mozilla と Chrome では完全に動作します。

index.php の私のコードは次のとおりです。

<div id="this-carousel-id" class="carousel slide" style="width: 90%;">
        <div class="carousel-inner" style="width: 100%;">
          <div class="item active" style="width: 100%;">
            <img style="width: 100%; height: 350px;" src="img/bg_home_1.JPG"/>
            <div class="carousel-caption">
              <p>O que extraimos</p>
            </div>
          </div>
          <div class="item" style="width: 100%;">
              <img src="img/bg_home_2.jpg"  style="width: 100%; height: 350px;"/>
            <div class="carousel-caption">
              <p>Temos uma basta variedade de produtos</p>
            </div>
          </div>
          <div class="item" style="width: 100%;">
              <img src="img/bg_home_3.jpg" style="width: 100%; height: 350px;"/>
            <div class="carousel-caption">
              <p>Estamos equipados com o melhor material</p>
            </div>
          </div>
        </div><!-- .carousel-inner -->
        <!--  next and previous controls here
              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>

(....)

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

結果は、http: //graniextracao.com/novosite/でオンラインで確認でき ます。

4

1 に答える 1