Эффект затухания совы карусели не работает

Я пытаюсь применить эффект затухания на Сову Карусели, но, похоже, она не работает.

Как вы можете видеть в этой скрипте - http://jsfiddle.net/lav911/fHa6J/, я загружаю файл transitions.css, упомянутый в их docs.

Я что-то упустил? Почему он скользит, а не исчезает? Также обратите внимание, что замирание не работает даже на их сайте.

Позже отредактируйте:. Похоже, он исчезает в Google Chrome 35 и Firefox, но в Google Chrome 36 он будет скользить. Странно.

Ответ 1

Сообщалось, по-видимому, о плагине github repo - https://github.com/OwlFonk/OwlCarousel/issues/346

Просто используя эту версию плагина (pull-request) исправил ее.

Ответ 2

Проблема заключается в том, что плагин owl включает в себя IE10 и 11 среди браузеров, которые не поддерживают преобразование CSS. Таким образом, вы можете использовать совую карусель в сочетании с Modernizr и заменить переменную "support3d":

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

support3d = (Modernizr.csstransforms3d);

похоже, это решает!:)

Ответ 3

Так как chrome теперь поддерживает как -webkit-transform и свойство transform, код owl терпит неудачу, поскольку его обнаружение 3dsupport возвращает true только в том случае, если возвращаемый массив (стилей преобразования) равен 1, просто измените эту строку:

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

В эту строку:

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

И он должен работать;)

Ответ 4

Измените

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

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

https://github.com/OwlFonk/OwlCarousel/issues/515

Ответ 5

Из обновления 1.3.2 все стили переходов перемещаются из основного файла owl.carousel.css в файл owl.transitions.css

Свяжите файл owl.transitions.css в своей голове или импортируйте его в свой css.