如何优化这个jQuery滑块？(慢，慢)

Question

我已经写了一个Javascript/jQuery脚本。它的目的是作为一个响应式的背景图像滑块。

可在此处查看：http://new.upserver.co.uk/rbis/

我的问题是：

虽然代码运行正常，但它可能会很慢/滞后。特别是当其他与动画相关的插件出现在同一页面上时(即nivoslider)。

我见过许多类似的滑块，可以轻松地处理笨重的图像，我很担心，想知道如何优化这段代码才能更好地执行？有问题的javascript位于文件http://new.upserver.co.uk/rbis/rbis.js中

非常感谢大家的建议。问候

Answer 1

jQuery动画很少是提供动画的正确工具。看看我最近制作的这个相当做作的例子：http://css3.bradshawenterprises.com/demos/speed.php。

我建议在普通浏览器中使用CSS转换，并且只使用旧浏览器中使用javascript的旧方法。

要做到这一点，一个好方法是使用像http://playground.benbarnett.net/jquery-animate-enhanced/这样的东西，尽管我对此有一些问题，而不是使用我自己的方法。