Workflow & Tools:
Screen manipulation with Adobe Photoshop
Image replacement with Javascript
Part of the developer team which implemented my User Interaction improvements with Javascript
Problem:
Images provided from external partners sometimes do not load.
Making the websites layout appear broken due to the missing images.
(within the image placeholders)
The missing images break the users experience, making the user fearful of booking with a site which has broken images.
The solution is to identify the broken images with jQuery and to automatically hide them from the DOM.
Final result with hidden images.
Indication of hidden broken images (not shown to the end user)
The required jQuery code to hide missing images. Implemented together with the senior web developer.
(Redits to Andrei Taranuta)
(Redits to Andrei Taranuta)