Как перезапустить GIF-анимацию на новой странице?

Question

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

Любая помощь будет оценена.

Answer 1

Я не уверен, что этот метод заставит браузер запросить GIF с вашего сервера во второй раз, но это должно заставить анимацию GIF перезапуститься на следующих страницах:

Ваше изображение:

<img id="animatedgif" src="picture.gif">

И внизу страницы, возле закрытия BODY а также HTML теги:

<script type="text/javascript">
    document.getElementById("animatedgif").src = "";
    document.getElementById("animatedgif").src = "picture.gif";
</script>