jQuery fallback для перехода к фоновому изображению

Question

У меня есть скрипт, который вращается между массивом предварительно загруженных изображений с заданным интервалом для изменения фонового изображения. Я использую переходы (transition: background-image 2s ease), чтобы сделать кроссфейд вращения, но в настоящее время он поддерживается только в Chrome.

Я могу изменить сценарий с помощью jQuery, чтобы оживить элемент, чтобы исчезнуть, изменить исходный код и затем снова угасать, но включение этого сценария переопределяет поведение Chrome. Как вопрос стороны/альтернативы, можно ли эмулировать кроссфейдинг с помощью jQuery?

Как разрешить Chrome использовать переход CSS и заставить все другие браузеры использовать анимацию jQuery?

Я использую Modernizr, но я не думаю, что функция обнаружения будет работать, как и большинство других современных браузеров получить csstransitions класс, даже если они не поддерживают определенные конкретные переходы, как background-image, но я был бы рад, если бы кто-то мог докажи, что я неправ.

Answer 1

U может использовать объект навигатора, чтобы узнать, является ли клиент Chrome браузером, чтобы ваш код находился под условием.

$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase()); 
if($.browser.chrome){ 
/*code for chrome browser*/ 

} 
else{ 
/*code for other browser*/ 
} 

надеюсь, что это поможет