правильный duration для анимации

[amelice]

Не могу придумать правильно распределить duration  для анимации тикера.

Если окно меньше 684 пикселя, то тикер двигается горизонтально,
алгоритм движения такой:

-вычисляю ширину первого элемента ссылки  списка и двигаю margin-right самого списка на эту ширину.

-при окончании анимации убираю первый элемент в конец. восстанавливаю значение списка и т.д.
и дальше по такому алгоритму двигаются остальные элементы.

Проблема в том, что элементы списка по ширине разные,  если прописать константу для duration, то длинные элементы двигаются быстро, а короткие медленно. 

а нужно чтобы двигались одинаково.

Я попробовала так: 
 

var el = ticker.settings.list;var widths = 1;            el.children().each(function(){    widths += $(this).outerWidth(true);});            var timing = (widths / el.children().length) / 0.05;

Уже голова не соображает. (

а вот сам тикер

Edited June 6, 2014 by amelice

[nerv]

Проблема в том, что элементы списка по ширине разные,  если прописать константу для duration, то длинные элементы двигаются быстро, а короткие медленно.  а нужно чтобы двигались одинаково.

Волшебство математики 6-го класса:

1. собираешь всю ширину в переменную

2. вычисляешь среднее значение

3. для этого среднего значения задаешь duration

4. составляешь пропорцию: average / duration = width / x

5. вычисляешь x

6. подставляешь полученное значение в функцию анимации

7. happy end

Скорее всего я тоже где-то ошибся в описании. У нас +32 в тени. Плывут тучи и мозг

А может вообще не так написал

Edited June 6, 2014 by nerv

[Veseloff]

Ну, например, будет 500 пикселей за секунду двигаться. Следовательно duration = width / 500 * 1000.

[amelice]

Спасибо вам за помощь

 

 

Ну, например, будет 500 пикселей за секунду двигаться. Следовательно duration = width / 500 * 1000.

Решила, что за секунду будет двигаться 15 пикселей и таким образом: duration = width*15.

Edited June 9, 2014 by amelice

[Veseloff]

Решила, что за секунду будет двигаться 15 пикселей и таким образом: duration = width*15.

Ну неправильно ведь Например, 60 пикселей, по этой формуле, будут двигаться 60 * 15 = 900 мс, то есть меньше секунды. Если 15 в секунду, то будет duration = width / 15 * 1000. В таком случае 60 пикселей будут двигаться 60 / 15 * 1000 = 4 секунды, как и надо.

[amelice]

Эмм, да. Спасибо. Так и есть, я ошиблась.