Вы не зашли.

#1 

ZloVeЩиЙ
Профи
Имя: Andrew
Зарегистрирован: 2008-01-15
Сообщений: 6702
На форуме: 1484 час.
Репутация: 448 (85%) ±
Инфо  Вебсайт  Написать

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


[img]http://imgs.su/tmp/1315727312-616.jpg[/img] - use it.

Неактивен

#2 

Trilby
miss me?
Имя: Алексей
Откуда: Default City
Зарегистрирован: 2006-08-01
Сообщений: 8493
На форуме: 802 час.
Репутация: 766 (94%) ±
Инфо  Вебсайт  Написать

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

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

Отредактированно Trilby (2014-01-10 00:02:48)

Неактивен

#3 

ZloVeЩиЙ
Профи
Имя: Andrew
Зарегистрирован: 2008-01-15
Сообщений: 6702
На форуме: 1484 час.
Репутация: 448 (85%) ±
Инфо  Вебсайт  Написать

А зачем JS?

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


[img]http://imgs.su/tmp/1315727312-616.jpg[/img] - use it.

Неактивен

#4 

Trilby
miss me?
Имя: Алексей
Откуда: Default City
Зарегистрирован: 2006-08-01
Сообщений: 8493
На форуме: 802 час.
Репутация: 766 (94%) ±
Инфо  Вебсайт  Написать

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

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


p.p.s. Можно сделать без доп.спрайта, просто создав такой же класс, но заменив везде

на

Выбирать тебе
http://imgs.su/users/6/1389301964.zip

Неактивен

#5 

ZloVeЩиЙ
Профи
Имя: Andrew
Зарегистрирован: 2008-01-15
Сообщений: 6702
На форуме: 1484 час.
Репутация: 448 (85%) ±
Инфо  Вебсайт  Написать

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

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

Отредактированно ZloVeЩиЙ (2014-01-10 14:30:17)


[img]http://imgs.su/tmp/1315727312-616.jpg[/img] - use it.

Неактивен

#6 

Foggy
памагу за 50€, помогу за 5
Имя: Андрей
Откуда: Петербург
Зарегистрирован: 2008-04-21
Сообщений: 2970
На форуме: 446 час.
Репутация: 296 (97%) ±
Инфо  Вебсайт  Написать

Как на счёт этого?


Форум чище без подписей в настройках. Рекомендую.
Я искал, но не нашёл.
Помощь — платная. Избранным помогаю за идею. Избранный тот, кто придумал идею, а не скопипастил.

Неактивен

#7 

Foggy
памагу за 50€, помогу за 5
Имя: Андрей
Откуда: Петербург
Зарегистрирован: 2008-04-21
Сообщений: 2970
На форуме: 446 час.
Репутация: 296 (97%) ±
Инфо  Вебсайт  Написать

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


Форум чище без подписей в настройках. Рекомендую.
Я искал, но не нашёл.
Помощь — платная. Избранным помогаю за идею. Избранный тот, кто придумал идею, а не скопипастил.

Неактивен

[ Generated in 0.007 seconds, 9 queries]