Bootstrap carousel-fade больше не работает с maxcdn 3.3.загрузчик.минута.стиль CSS

у меня был переход fade, работающий в сборке Bootstrap 3 некоторое время, но я только что изменил вызов из локальной копии bootstrap.минута.css (Bootstrap v3.1.1) to <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"> и переход fade больше не работает. Он просто переключается на следующий слайд. Никакого перехода.

Я попытался добавить идентификатор карусели, но это не сработало. 

<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>

etc.

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;}

[кстати: когда я ставлю #myCarousel перед теми, по умолчанию для перехода слайдов.]

вы можете увидеть версию здесь, используя maxcdn v3.3.0 CSS здесь:bizharbour.net/projects/jambalaya/index.html

тот, который использует вызов локально удерживаемого v3.1.1 css здесь:bizharbour.net/projects/jambalaya/crewed-yacht-charter-sample-menu.htmlfade работает над этим.

одна вещь, которую я изменил-это вызов jquery и загрузочный файл js. Теперь я использую:

<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>

ранее я использовал:

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

локальный загрузчик.js-это v3.1.1 который включает Bootstrap: переход.js v3.1.1, если это что-то значит.

как я могу получить карусель в Bootstrap 3.3.0, чтобы распознать переход карусели?

Спасибо за любую помощь.

Ура, Трейси!--9-->

6
css jquery twitter-bootstrap-3

1 ответов

я столкнулся с той же проблемой и я думаю, что есть решение, что вам нужно. В 3.3 они добавили CSS-преобразования для повышения производительности карусели в современных браузерах, поэтому вам нужно переопределить некоторые стили. Скажи мне, сработало ли это для тебя. :)

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

мое решение здесь:http://codepen.io/transportedman/pen/NPWRGq?editors=110

3