Javascript erst starten wenn Bild geladen

[waschaer_siegen]

Tach!
Der Titel ist etwas unglücklich gewählt. Muss das genauer beschreiben....

Ich schreibe an einem Greasemonkey-Script. Das soll bei einer Fotogalerie einen Link zu dem Bildersuchdienst Tineye einfügen. Dafür benötige ich natürlich die URL von dem Bild. Es funktioniert auch "fast".
Die Fotogalerie selber arbeitet auch mit JS. Wenn ich jetzt ein kleines Vorschaubild anklicke um mir das große Bild anzeigen zu lassen, von dem ich auch die URL benötige, erscheint erstmal so ein kleines "loader.gif" - kennt man - diese drehenden Kreise. Dann erwische ich aber dummerweise die URL von diesem gif, und nicht von dem Bild was nachgeladen wird.

Das Script darf sich also erst die URL holen wenn das loader.gif weg und das eigentliche Bild geladen ist.
Ich könnte da jetzt mit while was basteln.... damit sich das Script zu tode wartet..... das kann es ja nicht sein.

  
function gallery(){  
  
	// Wenn vorhanden alten Link erstmal entfernen  
	var tineye_link = document.getElementById('tineye_link');  
	if (tineye_link) {  
	    tineye_link.parentNode.removeChild(tineye_link);  
	}  
  
	// Die Bild-URL | Hier erwische ich ständig das "loader.gif"  
	var picActions = document.getElementById('picActions');  
	var pic_URL = document.getElementById('imgContainer').getElementsByTagName('img')[0].getAttribute('src');  
  
	// Link einfügen  
	var new_li = document.createElement('li');  
	new_li.setAttribute("class","tineye");  
	new_li.setAttribute("id","tineye_link");  
	new_li.innerHTML = '<font color="#135AA0"><a href="http://www.tineye.com/search?url='+pic_URL+'">Tineye</a></font>';  
	var ul = picActions.getElementsByTagName('ul')[0];  
	ul.appendChild(new_li);  
  
}