mx:Image Source ändern?

[MrWong]

Hallo liebe Com,

ich habe jetzt mal ein neues Projekt angefangen. Dabei handelt es sich um einen eigentlich simplen Timer. Allerdings sollen statt eines Textfeldes mit den Zahlen Bilder geladen werden bzw. besser gesagt angezeigt werden.

Die Bilder lade ich vor dem Start des Timers in einen Vector und möchte nun durch folgenden Code die Source der mx:image ändern:

PHP-Code:

        private function startTimer():void
        {
            var timer:Timer = new Timer(1000,0);
            timer.addEventListener(TimerEvent.TIMER, onTimer);
            timer.start();
        }
        
        private function onTimer(e:Event):void
        {
            this.seconds++;
            
            if(this.seconds  < 10 )
            {
                gui.sekundeEiner.source = this.numbers[this.seconds];
            }
            else if((this.seconds > 10) && (this.seconds < 20))
            {
                gui.sekundeZehner.source = this.numbers[1];
                gui.sekundeEiner.source = this.numbers[this.seconds];
            }
        } 


Aber (überraschung) es klappt natürlich nicht. Statt der Bilder bekomme ich immer nur einen leeren weißen Kasten angezeigt, mit dem lieben kleinen Icon oben links in der Ecke, dass mir signalisiert, dass das Bild nicht geladen werden konnte.

Was mache ich falsch?

Und eine zweite Frage: Wenn ich es schaffen sollte diesen Timer zu schreiben und diesen dann auf meine Homepage lade, läuft der Timer dann durch oder startet er jedes mal, wenn ein Besucher auf die Seite kommt neu? Wenn er jedesmal neu startet, wie kann ich dann einen Timer schreiben, der die Restzeit bis zu einem bestimmten Datum anzeigt?

So far
Wong

Hier noch die MX:Image:

PHP-Code:

        <s:HGroup> <!-- Die Stunden -->
            <mx:Image id="stundeZehner" width="100" height="150"/>
            <mx:Image id="stundeEiner" width="100" height="150"/>
        </s:HGroup>
        
        <s:HGroup>
            <mx:Image id="minuteZehner" width="100" height="150"/>
            <mx:Image id="minuteEiner" width="100" height="150"/>
        </s:HGroup>
        
        <s:HGroup>
            <mx:Image id="sekundeZehner" width="100" height="150"/>
            <mx:Image id="sekundeEiner" width="100" height="150"/>
        </s:HGroup> 


[Omega Psi]

Was steht denn in den Arrays drin?

[MrWong]

PHP-Code:

        private function loadImgs():void
        {
            for(var i:int = 0; i < 10; i++)
            {
                var img:ImageLoader = new ImageLoader(i);
                img.addEventListener(Event.COMPLETE, onComplete);
                numbers.push(img);
            }
        } 


und das ist Klasse "ImageLoader" :

PHP-Code:

package
{
    import flash.display.Bitmap;
    import flash.display.Loader;
    import flash.events.Event;
    import flash.events.EventDispatcher;
    import flash.net.URLRequest;

    internal class ImageLoader extends EventDispatcher
    {
        private var picNumber:int;
        public var picture:Bitmap;
        
        public function ImageLoader(value:int)
        {
            this.picNumber = value;
            
            loadImage();
        }
        
        private function loadImage():void
        {
            var loader:Loader = new Loader();
            loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
            loader.load(new URLRequest("Zahlen/"+this.picNumber+".png"));
        }
        
        private function onComplete(e:Event):void
        {
            this.picture = e.target.content as Bitmap;
            dispatchEvent(new Event(Event.COMPLETE));
        }
    }
} 


So far

[Omega Psi]

gui.sekundeEiner.source = this.numbers[this.seconds].content as Bitmap;

[MrWong]

Da wird mir direkt folgende Fehlermeldung ausgespuckt:

Zugriff auf eine möglicherweise nicht definierte Eigenschaft content über einen Verweis mit statischem Typ ImageLoader

[mildesign]

PHP-Code:

gui.sekundeEiner.source = this.numbers[this.seconds].picture as Bitmap; 


[MrWong]

Danke schön =) Damit ist das Problem gelöst

Vielen Dank

So far

[MrWong]

Ok es gibt folgendes Problem:

Wenn ich beispielsweise 3 mal die 0 habe nehmen wir an es wäre folgende Zeit:

12 Stunden
20 Minuten
00 Sekunden

dann wird nur die letzte 0 auch tatsächlich angezeigt

Wie kann ich denn jedes Bild mehrfach anzeigen lassen?

[MrWong]

Kann mir keiner dabei helfen?

So far


P.S.: Sorry für Doppelpost, aber ich kann meinen Beitrag ja nicht editieren ^^

[Omega Psi]

Weil du nur einmal die Instanz des Bitmaps erzeugst und die dann wiederum nur einmal als source setzen kannst. Besser: 10 BitmapDatas erzeugen, sechs Bitmaps und dann einfach nur die BitmapDatas neu setzen. Du musst nur einmal das Bitmap als source der Images setzen.