javascript - How to wait for image load from ajax() success data? -
i have jquery ajax() function:
$.ajax({ type: "post", url: 'ajax.php', data: 'url='+variable, success: function(data){ $('#mydiv').html(data); } }); my ajax response (data variable) similar this:
<a id="90" href="mylink"><img src="myimagelink90.jpg" /></a> <a id="91" href="mylink"><img src="myimagelink91.jpg" /></a> <a id="92" href="mylink"><img src="myimagelink92.jpg" /></a> <a id="93" href="mylink"><img src="myimagelink93.jpg" /></a> <a id="94" href="mylink"><img src="myimagelink94.jpg" /></a> <a id="97" href="mylink"><img src="myimagelink97.jpg" /></a> <a id="98" href="mylink"><img src="myimagelink98.jpg" /></a> <a id="120" href="mylink"><img src="myimagelink120.jpg" /></a> <a id="121" href="mylink"><img src="myimagelink121.jpg" /></a> <a id="122" href="mylink"><img src="myimagelink122.jpg" /></a> <a id="123" href="mylink"><img src="myimagelink123.jpg" /></a> <a id="124" href="mylink"><img src="myimagelink124.jpg" /></a> <a id="125" href="mylink"><img src="myimagelink125.jpg" /></a> so question is: what's easiest way wait myimagelink#.jpg loaded?
try using load() function. in case, you'll need bind using live() handler, images dynamically being loaded:
var loaded = 0; $('#mydiv img').live('load', function() { loaded++; if (loaded == $('#mydiv img').length) { alert('all of images have loaded.'); } }); there might more efficient way this, feel free how slow might work.
Comments
Post a Comment