Может ли Jquery знать, когда закончился мой анимированный GIF?

Я задаюсь вопросом, возможно ли иметь анимированную игру в формате gif, а затем запустить событие через jquery, как только gif достигнет конца своей анимации. Как только он это делает, он возвращается к началу очереди и снова воспроизводит событие gif затем.

Если вы посмотрите на мою jfiddle, я сделал небольшой гиф из того, как парень печатает. а потом, когда он поднимает голову и получает идею, я хочу это "думал" div, чтобы изменить на что-то другое. Я очень хочу, чтобы это слово над его головой было синхронизировано и изменилось, когда его голова всплывает.

http://jsfiddle.net/mMVhK/1/


    Amazing Idea



    <img src="http://i.imgur.com/pcc4DP5.gif">

 bipen22 апр. 2013 г., 06:57
у тебя неверный путь в скрипке ... посмотри пожалуйста

Ответы на вопрос(1)

этот ответ а такжеэтот на похожий вопрос

Если у вас есть GIF с заданным количеством кадров и без цикла, вы можете использовать JavaScriptsetTimeout чтобы запустить ваше событие. При этом, однако, у него очень высока вероятность несинхронизации просто потому, что вы играете в угадайку, будет ли рендеринг GIF выполняться с той же скоростью, что и выполнение javascript каждый раз.

Более безопасный вариант - то, что другой ответ, который я связал, сказал о том, как вы используетеспрайт карта симулировать анимацию. Это достигается с помощью javascript для изменения положения фона изображения в элементе. Таким образом, у вас будет намного больше контроля над анимацией анимации, больший контроль над событиями javascript и лучшее время, так как это связано со скоростью выполнения javascript / это будет только в том кадре, в котором вы указали анимацию.

Я неТем не менее, у меня есть пример, и я с радостью помогу, если у вас будет хороший старт по этому вопросу или у вас есть другие вопросы.

Полезная информация о CSS-спрайтах

 vsync29 сент. 2014 г., 16:33
что ты имеешь ввиду без петли? как это может не иметь петли?
 Turnerj30 сент. 2014 г., 02:31
Когда вы создаете GIF, у вас обычно есть возможность контролировать, будет ли анимация повторяться / повторяться. За то, что я предложил с использованиемsetTimeout, было бы лучше / проще всего, если изображение не имеет петли, так как вам нужно, чтобы анимация остановилась в определенном месте. (Другие альтернативы, если вы не можете этого сделать, это переключать анимированный GIF-файл для статического конечного кадра после истечения времени ожидания)

Ваш ответ на вопрос