Как можно оптимизировать этот слайдер jQuery?(Медленно, медленно)

Question

Я написал скрипт Javascript / jQuery. Его цель - служить слайдером для адаптивного фонового изображения.

Здесь можно посмотреть: http://new.upserver.co.uk/rbis/

Мой вопрос такой;

Хотя код работает правильно, он может быть медленным / медленным. Особенно, когда дополнительные плагины, связанные с анимацией, появляются на той же странице (то есть nivoslider).

Я видел много подобных ползунков, которые обрабатывают массивные изображения, работают без усилий, и меня беспокоит вопрос, как этот код можно оптимизировать для лучшей работы? рассматриваемый javascript находится в файле http://new.upserver.co.uk/rbis/rbis.js

Большое спасибо за все предложения. Привет

Answer 1

jQuery animate редко подходит для анимации. Взгляните на этот довольно надуманный пример, который я недавно написал: http://css3.bradshawenterprises.com/demos/speed.php.

Я бы порекомендовал использовать CSS-переходы в обычных браузерах и использовать только старый способ, используя javascript в старых браузерах.

Хороший способ сделать это - использовать что-то вроде http://playground.benbarnett.net/jquery-animate-enhanced/,, хотя у меня были некоторые проблемы с этим, и вместо этого использовать свои собственные методы для этого.