1327048 - Old image is still displayed when new src is set to <img> via JavaScript (until new src loads)

Status: NEW

(Core :: Graphics: ImageLib, defect, P3)

Description

[arni2033]

>>>
STR_1:
1. Open http://www.redbarrelsgames.com/games/outlast-2/#featured-content
2. Click on the 1st image in section "Images"   (selector "#game-pictures")
3. Click on the 2nd image
4. Click on the 3rd image
5. Click on the 4th image
6.(bonus) clear cache and go to Step 2 (or open devtools, disable cache and go to Step 2)

AR:
 Steps 3,4,5 - first fade-out transition (opacity transition from 1 to 0) performs,
 then fade-in transition (opacity transition from 0 to 1) performs, and only after that image changes.
ER:
 Steps 3,4,5 - when fade-out transition finishes (almost finishes), old image should be visible.
 When fade-in animation starts, new image should already be displayed instead of the old one (if it's
 already cached), or no image should be visible, until the new image loads (if it's not cached).

Comment 1

[Timothy Nikkel (:tnikkel)]

Likely regression from bug 1253995.