如何优化这个jQuery滑块? (慢,迟钝)

时间:2012-01-27 11:30:30

标签: javascript jquery performance slider responsive-design

我编写了一个Javascript / jQuery脚本。其目的是充当响应式背景图像滑块。

这里可以看到: http://new.upserver.co.uk/rbis/

我的问题是这个;

虽然代码功能正常,但它可能很慢/很慢。特别是当其他动画相关插件出现在同一页面上时(即nivoslider)。

我已经看到很多类似的滑块可以毫不费力地处理厚实的图像并且很关心并且想知道如何优化这些代码以更好地执行?相关的javascript位于文件http://new.upserver.co.uk/rbis/rbis.js

非常感谢所有建议。 此致

1 个答案:

答案 0 :(得分:1)

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

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

这样做的好方法是使用类似http://playground.benbarnett.net/jquery-animate-enhanced/之类的东西,虽然我遇到了一些问题,而是使用我自己的方法。