jQuery后备的背景图像转换

我有一个脚本，以预设的时间间隔在设定的时间间隔内旋转以更改背景图像。我正在使用转场（transition: background-image 2s ease）进行旋转交叉淡入淡出，但目前仅在Chrome中支持。jQuery后备的背景图像转换

我可以使用jQuery来修改脚本，使元素动画淡出，更改源代码然后淡入，但启用此脚本将覆盖Chrome的行为。作为一个方面/替代的问题，是否有可能使用jQuery来模拟交叉淡化？

如何允许Chrome使用CSS转换并强制所有其他浏览器使用jQuery动画？

我使用Modernizr的，但我不认为其他大部分现代浏览器获得，即使他们不支持像background-image某些特定跃迁csstransitions类特征检测的工作，但如果有人可以我会很高兴证明我是错的。

来源

2013-03-07 Bobe

U可以使用Navigator对象找到，如果客户端chrome浏览器的广告把你的代码的情况下。 – ravisoni 2013-03-07 08:12:05

U可以使用导航器对象来查找客户端是否是Chrome浏览器广告，将您的代码置于该条件下。

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

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

希望这有助于

来源

2013-03-07 08:14:11 ravisoni

我喜欢这种方法。第一行使用正则表达式，以防你对奇妙的语法感到疑惑。 https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Regular_Expressions – 2013-03-07 08:15:19

我不确定这是多么优雅，但我用你的代码作为框架，而是在底部添加了PHP检查我在这个问题中描述的index.php文件：http://stackoverflow.com/questions/3047894/how-to-detect-google-chrome-as-the-user-agent-using-php 然后，我添加了一个条件检查该全局变量（isChrome）并相应地执行相应的代码。 – Bobe 2013-03-07 11:20:22

@Bobe great bobe保持ypur良好的工作:-) – ravisoni 2013-03-07 11:22:02

jQuery后备的背景图像转换

回答

相关问题