Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Image loading progress

See original GitHub issue

First off, great library!

Got a question: Would it be possible to create onLoad, onLoadStart and/or onLoadEnd events?

I would be a nice addition to Image and it would for example allow for a nice fade-in transition when the image is loaded.

Let me know if it is possible and maybe I can help.

Issue Analytics

State:
Created 7 years ago
Reactions:4
Comments:5

Top GitHub Comments

3reactions

koswarabillycommented, Mar 13, 2018

this onload instance will be really great

1reaction

DannyvanderJagtcommented, Nov 29, 2016

@magicismight I agree, what I meant is that you can let the SVG fade-in once the image is loaded.

Top Results From Across the Web

JavaScript loading progress of an image - Stack Overflow

I want to use the new Progress tag of HTML5 to show the progress of loading images. I wish there was something like:...

HTML5 Image Progress Events - gists · GitHub

HTML5 Image Progress Events. GitHub Gist: instantly share code, notes, and snippets.

Progress Bar - Image Loading - CodePen

Progress Bar - Image Loading ... <img data-src="//ac-design.co.uk/404" width="300" data-load> ... <span class="loader__animation">. 16. <div class="cube">.

How to Show Image Download Progress Bar Using JavaScript

In Html and JavaScript, there is no direct way to show the progress of an image download in the Image html element.

LOAD-IMAGE( ) method - Progress Documentation

An integer expression that specifies the number of pixels along the y-axis to read from the image file. The image is not displayed...