Question

Suppose I have this code :

template.find('.dynamic-content').html(
   "<img class='immagine-webcam' src='" +
    punto.Immagine + "' alt='" + punto.Titolo + "' title='" 
    + punto.Titolo + "' />"
);

Well: I’d like to call a function only when this image is totally loaded from server.

Is it possible?

Answer 1

Use the onload attribute of the img tag.

template.find('.dynamic-content').html(
   "<img class='immagine-webcam' onload='imgLoadedFun(this)' src='" +
    punto.Immagine + "' alt='" + punto.Titolo + "' title='" 
    + punto.Titolo + "' />"
);