Я использую одну gif в разных частях страницы. При запуске в первом месте всё работает ок. Но когда я запускаю её ещё раз чуть позже в новом месте. То gif начинается не с первого кадра. Запускаю gif одинаковыми методом который создаёт новый div и помещает внутрь него правило с гифкой. Как запустить второй раз gif c первого кадра?
function addNewDiv(newDivID, into) {
$('<div />')
.css({
position: 'relative',
})
.attr('id', newDivID)
.appendTo(into);
}
setTimeout(function () {
addNewDiv('multyArrowsReversUp', previousArrovPos);
},2900);
#multyArrowsReversUp {
transform: relative;
transform: rotate(180deg);
top: 83px;
width: 100%;
height: 148px;
background: url(../../images/CST/Vector-Arrow_ANIM_Blue.gif) center center no-repeat;
background-size: contain;
z-index: 7;
visibility: visible;
}