Как перезагружать ГИФ или МОДАЛКУ бутстрап?

Question

[olchagmk]

Всем привет, есть такая проблема, при клике на Зеленую кнопку или подарок - вылазит модалка, там ГИФ анимация и рандомная генерация текста. На айфоне при повторном открытии модалки - ГИФ сразу открывается завершенной.
onclick="document.getElementById('cookie_gif').src='img/cookie.gif'"
Вот что написано на кнопках.
+ я перезагружаю страницу по закрытии модалки.
$("#cookieModal").on("hidden.bs.modal", function () {
location.reload();
});
Как решить эту проблему?

m91373pn.beget.tech/finalochka

Comments

[olchagmk]

P.S.
$("#cookieModal").on("hidden.bs.modal", function () {
location.reload(true);
});
не помагает.

[v3shin]

Вариант №1: перевести анимацию на фреймы/слои. Сложнее, но ничего лишнего не грузится.
Вариант №2: дописывать к url картинки рандомную метку. Проще, но пользователи вас проклянут.

[olchagmk]

v3shin, А можно пример метки? И почему проклянут?

[v3shin]

olchagmk,

document.getElementById('cookie_gif').src='img/cookie.gif?t=' + (new Date()).getTime()

А проклянут потому что каждый клик по кнопке будет заново запрашивать изображение с сервера, а это 3.5Мб.

Answer 1

[ikutin666]

можно решить так(ИМХО),
по умолчанию в модалке нет гифки
но при открытии мы вставляем url гифки через src