Анимация

09.01.2014

Привет всем!
Есть расскадровка анимации, около 10 кадров в изображении | (1.png, 2.png, ... n.png)
каким образом можно сделать анимацию!?
Гуглил по этому поводу в том числе и jQuery ничего подлобного не нашел... мб не то гуглил!?
HELP me (:

09.01.2014

А зачем JS?
10 кадров объединяются в один спрайт и на CSS **********

Есть **********, но он убог до неприличия и тоже со спрайтами. В принципе, при желании переделать его под 10 разных картинок не проблема. Только в этом случае нужно сначала **********

10.01.2014

забыл упомянуть нужны кнопки backward \ forward на CSS и спрайтах их не реализовать ):

10.01.2014

Тогда можно сделать еще один спрайт (backward) и просто подставлять его в виде класса css. Я сделал на чистом JS, но если подключен Jquery, то за 2 минуты можно под него переписать.
JSFiddle мою реализацию отказался запускать, придется архивом (спрайт мне лень было переделывать, так что просто перевернул для демонстрации).

p.s. в CSS есть функция реверса, но работает она через жопу.


p.p.s. Можно сделать без доп.спрайта, просто создав такой же класс, но заменив везде
from { background-position: 0px; }
to { background-position: -500px; }
на
from { background-position: -500px; }
to { background-position: 0px; }
Выбирать тебе
**********

10.01.2014

Trilby, спасибо тебе за варианты реализации!
Но твои варианты не идеальны, CSS3 хорошо конечно, но мне кроссбраузерность важна!
А твои варианты даже в 9 осле не работают!
Именно поэтому я и ищу решение на jQuery хотя бы под 8-го осла!

Нашел что то подобное ********** смотрел даже в 7-м работает)

11.01.2014

Как на счёт **********?

15.01.2014

Наткнулся в обзорах на возможность остановки всё-таки css-animation. **********.
Понимаю, что, вероятно, уже не актуально, но чтоб знали о возможности)