sein als image volledig is geladen

[henkhoogerbrug]

Ik gebruik onderstaande javascript functie om een afbeelding te openen als er op een thumbnail wordt geklikt. Dit werkt goed.
(ik gebruik een aantal variabelen, die doen er nu echter niet toe)

[JS]function showImage(location, var){
var variable_filepath...:
var variable_filename...:

document.getElementById(location).innerHTML = '<img src="../'+variable_filepath+'/'+variable_filename+'" height="338">');
}[/JS]

Probleem is echter dat de laadtijd per pc en/of netwerk verschilt. Ik wil nu dat er tijdens het laden van de grote afbeelding geen acties worden uitgevoerd. Ik wil dus op een of andere manier dat de uitvoering van de code pas verder gaat als de afbeelding is geladen.
Hoe krijg ik dat voor elkaar?

 

[That Guy]

Veel browsers ondersteunen 'imageObject.onload'. Zoiets:
[JS]var img = new Image();

img.src = 'foo.png';

img.onload = function()
{
alert('image is NU pas geladen!');
}[/JS]


of, in jou geval:
[js]sumthing.innerHTML = "<img src='foo.png' onload='doStuff();' />"

//en ergens anders in je JS:

function doStuff()
{
alert('image is geladen!');
}[/js]

:thumb:

 

[henkhoogerbrug]

vegras bedankt! je hebt me weer goed op weg geholpen. Het bleek heel eenvoudig op te lossen met:

<img src="../pad/naam.jpg" onload="javascript:alert('alert na laden img')">

in FF is het resultaat beter te zien, omdat de foto's daar minder snel worden geladen.