10 Jun 2010 10:42
Looking for a way to abort image loading in order to increase performance
DanielKatz <daniekatz <at> gmail.com>
2010-06-10 08:42:43 GMT
2010-06-10 08:42:43 GMT
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?
RSS Feed