как сделать анимированный GIF-игру с самого начала

Question

У меня есть анимированное GIF-изображение в скрытом div.Ровно через 7 секунд после загрузки страницы показывается div и, следовательно, изображение.Теперь моя проблема в том, что когда страница загружается в первый раз, div показывается, как и должно, и gif проигрывается с самого начала, но во второй раз он сходит с ума.Когда показывается div, изображение gif воспроизводится где-то посередине анимации.есть идеи?

Answer 1

Гифки загружаются постепенно и начинают играть, как только появляется достаточно данных, чтобы показать весь кадр.Странно, что за считанные секунды он должен двигаться в середине.

Вероятно, это связано с тем, что во второй раз gif кэшируется и сразу начинает воспроизводиться, а загрузка остальной части страницы занимает некоторое время.

Вы можете решить эту проблему с помощью javascript.В то время, когда вы хотите запустить gif, выберите элемент img и измените его атрибут src на тот же.Это должно вызвать перезагрузку, чтобы он начался заново.А поскольку он кешируется, задержка должна быть минимальной.