Как сделать луп изображений при ховере?

Question

[metori]

Привет. Есть такой код: https://jsfiddle.net/222bq9Lt/
Подскажите, как можно реализовать, чтобы изначально была статичная картинка, а при наведении на нее начинался луп?

Comments

[Andrew]

запускать таймер не сразу,а по наведению.

Answer 1

[hzzzzl]

Comments

[metori]

Благодарю! А можно как-то оставить первую картинку (в примере это blank.png), если курсор не на объекте? А то оно на последней остается

[hzzzzl]

myTraffic.onmouseout = () => {
  clearInterval(timer);
  myLight.src = myPics[0];
  i=1;
}

[metori]

hzzzzl, Премного благодарен!