Bildaustausch mit verkleinerten Bilder (php/js)

[ingobar]

Hallo zusammen!

Folgendes Problem. Ich hole mir per JavaScript von einem Server ein sich ständig änderndes Bild, damit so etwas wie ein ruckelnder Film entsteht. Nicht die Variante, die ich gerne hätte, aber das kann ich nicht beeinflussen.

Folgenden Quelltext benutze ich dazu:

<script type="text/javascript">
var newImage = new Image();
newImage.src = "http://blabla.de/storch.jpg";

function updateImage(){
		if(newImage.complete) {
				document.getElementById("storch").src = newImage.src;
				newImage = new Image();
				newImage.src = "http://blabla.de/storch.jpg?rand=" + new Date().getTime();
		}
		setTimeout(updateImage, 1000);
}
updateImage();
</script>
<img id="storch" width="50%" height="50%" src="http://blabla.de/storch.jpg" />

Jetzt ist es nur so, dass bei Skalierung immer ein kurzes weißes Blitzen zwischen den Bilder zusätzlich zu sehen ist.

Wie könnte ich das anders machen, ohne das Blitzen? Ich denke, dass das Blitzen daher kommt, weil erst die src als großes Bild ausgetauscht wird und dann verkleinert wird. Ginge so etwas auch mit php?

Danke, Ingo