2015-07-07 2 views
0

Я использую плагин: Owl CarouselOwlCarousel с Fade Transition Слайды в Safari Browser

Здесь настроенный код, я использую:

$("#owl-demo").owlCarousel({ 

navigation : true, // Show next and prev buttons 
autoPlay : 5000, 
singleItem:true, 
transitionStyle : "fade"  
}); 

Он использует "выцветанию" переход в Opera , Firefox и Chrome, но не в Safari. Кто-нибудь столкнулся с этим раньше и нашел причину и способ исправить это?

ответ

1

изменение line 804 для owl.carousel.js:

support3d = (asSupport !== null && asSupport.length === 1); 

в

support3d = (asSupport !== null && asSupport.length > 0); 

Example

0

В моем случае я имел это в моем CSS:

* {  transition:all .2s linear;  -o-transition:all .2s linear;  -moz-transition:all .2s linear;  -webkit-transition:all .2s linear;} 

Так что в дополнение к решению Дмитрия мне просто нужно было добавить

#owl-demo * { transition: none;  -o-transition:none;  -moz-transition:none;  -webkit-transition:none;  } 
+0

connect owl.transitions.css? http://jsfiddle.net/soledar10/7mLL0c2L/ – Dmitriy

Смежные вопросы