Javascript Image onLoad -

Javascript Image onLoad -

why onload not triggered?

function full_image(fimage){ document.getelementbyid("full_src").onload = function(){ offsettop = document.getelementbyid("full_src").height / 2; offsetleft = document.getelementbyid("full_src").width / 2; document.getelementbyid("full_src").style.margintop="-"+offsettop+"px"; document.getelementbyid("full_src").style.marginleft="-"+offsetleft+"px"; } document.getelementbyid("full_src").src=fimage; document.getelementbyid("full_view").style.display="block"; }

sometimes when image retrieved browser cache, onload event not fired, may little hack:

function full_image(fimage) { var loaded = false; function loadhandler() { if (loaded) { return; } loaded = true; /* code */ } var img = document.getelementbyid('full_src'); img.onload = loadhandler; img.src = fimage; img.style.display = 'block'; if (img.complete) { loadhandler(); } }

javascript image events onload