Bootstrap carousel-fade artık maxcdn ile çalışmıyor 3.3.bootstrap.min.css

Question

Şimdi bir süredir Bootstrap 3 yapısında çalışarak solmaya geçiş yaptım, ancak yerel olarak tutulan bir bootstrap kopyasından aramayı değiştirdim .min.css (Bootstrap v3.1.1) <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">'a ve solma geçişi artık çalışmıyor. Sadece bir sonraki slayda dönüyor. Hiç geçiş yok.

Atlıkarınca kimliğini eklemeyi denedim, ancak çalışmadı.

<div id="myCarousel" class="carousel carousel-fade 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> 
    </ol> 

vb

CSS:

.carousel-fade .item { 
-webkit-transition: opacity 3s; 
-moz-transition: opacity 3s; 
-ms-transition: opacity 3s; 
-o-transition: opacity 3s; 
transition: opacity 3s; 
} 
.carousel-fade .active.left {left:0;opacity:0;z-index:2;} 
.carousel-fade .next {left:0;opacity:1;z-index:1;} 

[BTW:. Ben slayt geçiş için bu o varsayılan önüne #myCarousel koyduğunuzda]

yapabilirsiniz Burada maxcdn v3.3.0 CSS kullanarak bir versiyona bakın: bizharbour.net/projects/jambalaya/index.html

yerel olarak tutulan v3.1.1 css çağrısı kullanılarak bir tanesi burada: bizharbour.net/projects/jambalaya/crewed-yacht-charter-sample-menu.html Soluk bu üzerinde çalışıyor.

Değiştirdiğim diğer bir şey, jquery numaralı çağrı ve js önyükleme dosyasıdır. Şimdi kullanıyorum:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> 

Daha önce ben kullanıyordum: bunun bir anlamı varsa, transition.js v3.1.1:

<script src="js/jquery-1.10.2.js"></script> 
<script src="js/bootstrap.js"></script> 

yerel bootstrap.js Bootstrap içeren v3.1.1 olduğunu.

Karusel-solma geçişini tanımak için Bootstrap 3.3.0'daki karuseli nasıl alabilirim?

Yardımlarınız için teşekkür ederiz.

Alkış, Tracy

Answer 1

Aynı sorunla karşı karşıya ve ben gerekenler için bir çözüm buldum. 3.3'te modern tarayıcılarda karusel performansını artırmak için CSS dönüşümleri eklediler, böylece bazı stilleri geçersiz kılmanız gerekiyor. Senin için işe yarayıp yaramadığını söyle. :) Burada

-webkit-transform: translate3d(0, 0, 0); 
      transform: translate3d(0, 0, 0); 

Çözümümün: http://codepen.io/transportedman/pen/NPWRGq?editors=110