delaying ajax or jquery call until dynamic image loads

[calleah]

\[code\]//var imgURL="http://xxxx.xxx:8084/xxx/largedynamicimagethattakestimeFB.api( '/me/photos', 'post', { message:' coffee', url: imgURL }, function(response) { if (!response || response.error) { alert('Error occured'+response.error); } else { //........... } });\[/code\]I want to launch this \[code\]fb.api\[/code\] call only when \[code\]var imgURL\[/code\] completes loading.is there any way so that I can load this image in a \[code\]div\[/code\] and make a call to \[code\]fb.api\[/code\] only when the image gets completely loaded?providing a button with image to post this images is also welcomed .