Сбросить анимированный gif на pageload

Ниже приведен код html/css и javascript. У меня есть, что на загрузку страницы необходимо заставить анимированный gif перезагружать/воспроизводить на каждой загрузке страницы. Гиф вызывается во внешней таблице стилей через класс .content. Я задаюсь вопросом, что я пропустил, как это не работает должным образом ...Сбросить анимированный gif на pageload

var img = this.find('.content'); 
 
img.src = "../images/rt2/728x90_Animated_bg_2x.gif"+"?a="+Math.random();

#banner a#main .content { 
 
    background-image:url('../images/rt2/728x90_Animated_bg_2x.gif'); 
 
    background-size: contain; 
 
    position: relative; 
 
}

<div class="content"></div>

источник

2015-06-11 chaser7016

Есть несколько проблем с кодом, который вы опубликовали. (1) Вы не можете установить атрибут 'src' непосредственно на объект jQuery (похоже, вы используете jQuery из' this.find() '. (2) Установка' src' предназначена для '' тегов, а не для фона изображения других элементов. – mjswensen

Ну, прежде всего img.src ничего не будет делать, как вы пытаетесь изменить источник атрибут CSS «фоновое изображение» div, а не HTML-атрибут src элемента img.

Вы можете изменить CSS стиль в JavaScript в любом из этих способов:

JQuery:

$(img).css("background-image","url('../images/rt2/728x90_Animated_bg_2x.gif"+"?a="+Math.random()+"')");

Vanilla JavaScript:

img.style.backgroundImage = "url('../images/rt2/728x90_Animated_bg_2x.gif"+"?a="+Math.random()+"')";

Я не проверял это но он должен сделать трюк. По крайней мере, версия jQuery.

источник

2015-06-11 14:57:28 gburning

Сбросить анимированный gif на pageload

ответ

Смежные вопросы