Looking for a way to abort image loading in order to increase performance
I'm looking for a way to display hundreds of images on a html page
without freezing or crashing the browser, in addition i want that only
the images that are currently in the scope of view (with scrolling)
would be loaded.
This way the user will see the images faster than if the browser will
load all the images from top to the bottom...
The problem is, that apparently there is no way to abort image load in
Firefox. So if for example, the view scope was on the first 50 images,
and then the user scrolled the view to the last 50 images, the loading
of the last 50 will start only after the first 50 are loaded… And
there is no way to abort loading of the first 50 images.
In IE for example, if I remove the src attribute on an img element
while it loading the load will abort immediately. If FF the same
solution is not working.
I tried to create an iframe dynamically, it put am img element in it,
and then to abort a call an window.location.reload() on the
contentWindow of the iframe, and this also is very buggy on FF, mostly
it does not working. (This solution works for IE and Opera, though).
Is there any way to implement such solution on FF?
dev-performance mailing list
[hidden email] https://lists.mozilla.org/listinfo/dev-performance