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

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

fortran - Function return type mismatch -

queue - mq_receive: message too long -