плавная смена

Подскажите пожалуйста, как можно сделать плавную смену картинки через JsЕсть массив с ссылками на картинки, я его перебираю и каждые несколько секунд меняю картинку

Есть примерно следующий код, реализующий смену картинки при наведении на определенный блокПри этом картинка меняется резко

Есть такая разметка:

Как сделать плавную смену картинок фона? Есть вот такой скрипт, но там смена происходит не плавно