Почему такое поведение атрибута src?
 

В чём заключается соль такого поведения: если изменить атрибут scr который пустой то плавный переход не происходит Если же в scr уже есть пусть к картинке и его изменить то, плавный переход работает корректно. Нажмите на qwe для сравнения

ссылки забыл^

Aqua77,
в том что пока картинка загрузится вся ваша плавность уже отработала

Во втором случае картинка так же загружается но всё плавно происходит https://jsfiddle.net/8gbcj5bt/1/

Aqua77,
https://jsfiddle.net/8gbcj5bt/7/