Всем привет. Ранее я задавала вопрос про то какой плагин использовать для карусели. Использую bootstrap.
Вот пример карусели.
jsbin.com/ludicofemo/edit?html,output
В таком виде она работает хорошо только в Safari и Сhrome. В остальных браузер она работает, но анимации никакой нет. Если закомментировать вот этот кусок кода
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(33%, 0, 0);
transform: translate3d(33%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-33%, 0, 0);
transform: translate3d(-33%, 0, 0);
}
с трансформациями, то будет работать везде одинаково , НО - анимация будет, но пролистывать будет карусель через все слайды к изначальному. Это не очень нужно. Добавляла префиксы - либо никаких изменений, либо полная поломка. Как сделать кроссбраузерный переход на следующий слайд? Как решить проблему? Опыта маловато, буду благодарна за помощь. Заранее спасибо
