Установить таймер для запуска gif

Question

У меня есть .gif, который анимируется, чтобы начать с левой стороны экрана до нескольких сотен пикселей вправо. Анимация длится 5 секунд, и я установил ее так, чтобы она не возвращалась к исходному месту.

Я хочу, чтобы .gif запускался после завершения анимации CSS. Я понимаю, что некоторые форумы дают коды для эффекта мыши, чтобы он изменился с .jpg источника анимации на .gif. Но я не могу найти ничего, что даст вам таймер вместо мыши.

Прошло несколько лет с тех пор, как я работал на сайтах, и я так много забыл, так что это была борьба.

Любая помощь приветствуется. Приветствия.

Answer 1

Способ изменения источника с помощью javascript довольно прост, синтаксис выглядит как img.src = "new/source.gif".

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

HTML

<img id="image" src="path/to/static.jpg"> 

JAVASCRIPT Это не похоже

var img = document.getElementById("image"); 

function photoSwitch(){ 

    // begin your CSS animation by applying class 
    img.setAttribute("class", "some-animation"); 

    // have javascript wait 5s before switching the image source 
    setTimeout(function(){ 
     img.src = "path/to/moving.gif"; 
    },5000); 
} 

photoSwitch(); 

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

• Нет связанных вопросов^_^