У <div> нет события load, поэтому срабатывает метод для загрузки контента в него с помощью XMLHttpRequest.
Алгоритм такой:
1. создаёте <img>
2. задаёте такие стили для <img>, чтобы его не было видно (сдвиг в невидимую область или visiblity:hidden)
3. добавляете обработчик события load
4. показываете анимацию загрузки
5. устанавливаете нужный src
6. добавляете <img> в документ
7. после наступления события load скрываете анимацию загрузки и показываете <img>