Синхронная анимация в 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 отказаться. Вот такого эффекта хотелось бы достич ![]() Заранее благодаре за советы. |
Почитайте про очередь в jQuery, есть возможность запустить в одной очереди сразу 2 анимации присвоив вызову каждой так называемый вне очередной вызов, который и поместит обо сразу в эту очередь. На самом деле анимация в jQuery это один большой стек вызовов :)
Вообще, это получается некое награмождения, для этого нужно воспользоваться внутреними функциями jQuery либо написать простенькую анимацию самому. Для это почитайте про - requestAnimationFrame и программную анимацию. |
Часовой пояс GMT +3, время: 06:25. |