nicht angemeldet
Hi,
ich beschäftige mich gerade mit AngularJs. Einiges, was bereits via jQuery realisiert sind, müssen nun umgeschreiebn werden. Ich habe da folgendes Problem:
<img id="redLED" src="/images/redImage.gif" alt="" />
$("#redLED").attr("src", "/images/blueImage.gif");
Wie oben zu sehen ist, wird das "redImage.gif" bereits beim Laden der Seite angezeit und wird dann via jQuery durch "blueImage.gif" ersetzt.
Den Code oben habe ich (vereinfacht dargestellt) so umgeschrieben:
<img ng-src="{{myData.redImage}}" alt="" />
$scope.myData.redImage = "/images/blueImage.gif";
Das Problem, das ich nun bei AngularJs habe ist, dass beim Laden der Siete für kurze Zeit die Stelle, wo die Bilder Angezeigt werden müssen, leer steht und dann nach einer Weile, jenachdem wie die Internetgeschwindigkeit ist, werden alle Bilder geladen und auf einmal angezeigt.
Meine Frage ist nun, ob man den "ng-src" irgendwie direkt auf der HTML-Seite (<img ng-src="{{myData.redImage}}" alt="" />) vorbelegen kann? Ich habe versucht, dies im Angular-Bereich ganz oben vorzubelegen, das Ergebnis war aber nicht zufriedenstellend.
Danke im Voraus