CODEWITHSUNDEEP
jquerylazy-loadingimagejquery-lazyload
user2067373
user2067373

Reputation: 11

Displaying loading progress of <img> element

I am writing a web application that deals with a large image. To make loading of the page a bit responsive, I used the Lazy Load Jquery Plugin. (http://www.appelsiini.net/projects/lazyload).

But It seems what I need is to display the progress of loading of image because the image took more than 20 secs to load.

How I am going to add an event listener for the progress for the img tag? I want display a progress in terms of percentage.

Upvotes: 1

Views: 367

Answers (1)

Dan Goodspeed
Dan Goodspeed

Reputation: 3590

Other options are to show a low-quality fast-loading image in it's place until Lazy Loading replaces it. If you really want to monitor progress, you'd probably have to do it through AJAX, like this - http://blogs.adobe.com/webplatform/2012/07/10/image-progress-event-progress/

Upvotes: 0

Related Questions