jQuery .load(function) synchronous
asynchronous, image, javascript, jquery
Solution
From what I know, the `load` event will always fire asynchronously, except if the image is already cached (in some browsers). The only reliable solution is to put the code in a callback like you did. However, to make sure the `load` handler will always be fired in all browsers, even if the image is cached, make sure to add the handler before setting the `src` property of the image.
Problem
What is the best way to use the jQuery load function synchronously. I need to load an image but can't execute the next line of code until that image has loaded. I could loop a variable until the load has completed but was wondering if there was a better way of doing that. ``` var img = jQuery('<img src="' + url + '"/>').load(function () { }); //Run code here once img load has comlpeted. ```