Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Синхронная анимация в JS (https://javascript.ru/forum/dom-window/18081-sinkhronnaya-animaciya-v-js.html)

AuX64 16.06.2011 05:09

Синхронная анимация в JS
 
Здравствуйте, интересует как сделать анимацию 2-х картинок синхронно (прозрачность 0-100%).

первая текстура / вторая текстура
0 0
1 0
2 0
...
50 0
51 1
52 2
...
100 50
99 51
...
50 100
...
0 50
..
0 0

в jQuery не силен, но переделав несколько скриптов, столкнулся с такой проблемой как рассинхронизация, поэтому при первой верстке дизайна отказался от скриптов в пользу GIF. При очередной верстке хочется всетаки от GIF отказаться.
Вот такого эффекта хотелось бы достич


Заранее благодаре за советы.

Nekromancer 16.06.2011 15:16

Почитайте про очередь в jQuery, есть возможность запустить в одной очереди сразу 2 анимации присвоив вызову каждой так называемый вне очередной вызов, который и поместит обо сразу в эту очередь. На самом деле анимация в jQuery это один большой стек вызовов :)
Вообще, это получается некое награмождения, для этого нужно воспользоваться внутреними функциями jQuery либо написать простенькую анимацию самому.
Для это почитайте про - requestAnimationFrame и программную анимацию.


Часовой пояс GMT +3, время: 06:25.