Анимация gif на прокрутку.

Question

У меня есть некоторые gif, которые хотят анимироваться, когда пользователь прокручивается вниз до своей позиции. я изменяю атр SRC с JQuery

$(".lazy-load1 img").attr('src',"//pc-resources.xxx.xxxx.com/main/widgets/cms.Gifs/images/duplicate.gif") 

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

Answer 1

попробуйте изменить attr внутри функции setTimeout и добавить динамическую версию в изображение gif. Добавление динамической версии позволит избежать кэширования.

setTimeout(function() { 
        $(".lazy-load1 img").attr('src',"//pc-resources.xxx.xxxx.com/main/widgets/cms.Gifs/images/duplicate.gif?version="+Math.random()) 
       }, 25)