Как сделать скорость прокрутки медленнее в этом скрипте jQuery?

Question

В настоящее время в примере speed и step оба являются 1. но мне нужна гораздо более медленная скорость прокрутки. Как получить полный контроль над скоростью.

Я хочу, чтобы облака двигались намного медленнее

Пример

http://jsfiddle.net/cHZG6/1/

Код

(function($) {
    $.fn.scrollingBackground = function(options) {
        // settings and defaults.
        var settings = options || {};
        var speed = settings.speed || 1;
        var step = settings.step || 1;
        var direction = settings.direction || 'rtl';
        var animStep;

        // build up a string to pass to animate:
        if (direction === 'rtl') {
            animStep = "-=" + step + "px";
        }
        else if (direction === 'ltr') {
            animStep = '+=' + step + "px";
        }

        var element = this;

        // perform the animation forever:
        var animate = function() {
            element.animate({
                backgroundPosition: animStep + " 0px"
            }, speed, animate);            
        };
        animate();
    };
})(jQuery);

$("#header").scrollingBackground({
    speed: 1,
    step: 1,
    direction: 'ltr'
});

$("#header-2").scrollingBackground({
    speed: 1,
    step: 1,
    direction: 'rtl'
});

Answer 1

большее количество speed замедляет движение облака.

большее количество step ускоряет движение облака.

демо

Answer 2

Если вы увеличите свойство speed, которое будет замедлять прокрутку, поскольку увеличивает задержку между шагами.Я попробовал его со значением 100, и он все еще выглядел довольно гладко.

Answer 3

Другой возможный метод, который вы можете рассмотреть, - это использование библиотеки Sprittle.Он имеет метод pan(), который позволяет вам настраивать скорость, частоту кадров и направление и очень похож на то, что вы пытаетесь сделать.Вы можете предпочесть их реализацию, если не можете заставить свою работу работать к вашему удовольствию.