Bilder aus und einfaden

[zoomzoom]

Hallo

ich habe eine kleine Galerie erstellt indem die Buttons ein externes Bild aufrufen. Nun sollen die Bilder einfaden. Wenn möglich auch beim Wechsel auch ausfaden.

hier mein Script (scheinbar funktioniert die function fader noch nicht richtig):

//--- Aktionen für die Button_MCs um externe Daten
//--- in den Ziel-MC "ladeziel" zu laden ---------
bild_1.onPress = function() {
	ladeziel._alpha = 0;
	ladeziel.loadMovie("Bild1.jpg");
	faden();
	ladestatus();
	};

bild_2.onPress = function() {
	ladeziel._alpha = 0;
	ladeziel.loadMovie("Bild2.jpg");
	faden();
	ladestatus();
	};


bild_3.onPress = function() {
	ladeziel._alpha = 0;
	ladeziel.loadMovie("Bild3.jpg");
	faden();
	ladestatus();
	};
//-------------------------------------------------

//--- Ladeanzeige unsichtbar machen ---------------
loader._visible = false;
//-------------------------------------------------


//--- Fader----
faden = function () {
    ladeziel._alpha += 50;
    if(ladeziel._alpha >= 100){
        clearInterval(id);
    }
}
id = setInterval(faden,100);

//--- Ladefunktion --------------------------------
ladestatus = function () {
	// Einen onEnterFrame-Event erstellen, so dass nun
	// der Ladezustand kontinuierlich abgefragt und
	// angezeigt wird
	loader.onEnterFrame = function() {
		// Geladene und zu ladenede Bytetes abfragen
		geladen = _root.ladeziel.getBytesLoaded();
		zuladen = _root.ladeziel.getBytesTotal();
		// Sicherheitsabfrage, da ein leerer MC so ungefähr
		// 4 bis 5 Bytes hat und zu Verfälschungen führen könnte
		if (geladen>=10) {
			// Ladeanzeige sichtbar machen
			loader._visible = true;
			// Berechnung der bereits geladenen Prozent
			prozent = Math.round(geladen/zuladen*100);
			// Ausgabe im dynamischen Textfeld "prozentanzeige"
			this.prozentanzeige.text = prozent+" Prozent geladen";
			// Skalierung des Balkens anhand der Prozentzahl
			this.balken._xscale = prozent;
			// Wenn komplett geladen
			if (prozent>=100) {
				// den EnterFrame-Event löschen um Performance zu sparen
				delete this.onEnterFrame;
				// die Ladeanzeige wieder unsichtbar machen
				this._visible = false;
			}
		}
	};
};
//-------------------------------------------------

wie muss ich das umschreiben damit es läuft?

gruss Zoomy

[hellslawyer]

Das Interval muss natürlich auch an der richtigen Stelle gesetzt werden. So wie es bei Dir gesetzt ist, wird es nicht durch die Buttons ausgelöst:

bild_3.onPress = function() {
    ladeziel._alpha = 0;
    ladeziel.loadMovie("Bild3.jpg");
    id = setInterval(faden,100);
    ladestatus();
    }; 

[zoomzoom]

hmm habe das jetzt umgebaut:

//--- Aktionen für die Button_MCs um externe Daten
//--- in den Ziel-MC "ladeziel" zu laden ---------
bild_1.onPress = function() {
	ladeziel._alpha = 0;
	ladeziel.loadMovie("Bild1.jpg");
	faden();
	ladestatus();
	};

bild_2.onPress = function() {
	ladeziel._alpha = 0;
	ladeziel.loadMovie("Bild2.jpg");
	faden();
	ladestatus();
	};



     bild_3.onPress = function() {
     ladeziel._alpha = 0;
     ladeziel.loadMovie("Bild3.jpg");
     id = setInterval(faden,100);
     ladestatus();
     }; 
//-------------------------------------------------

//--- Ladeanzeige unsichtbar machen ---------------
loader._visible = false;
//-------------------------------------------------


//--- Fader----
faden = function () {
    ladeziel._alpha += 5;
    if(ladeziel._alpha >= 100){
        clearInterval(id);
    }
}
id = setInterval(faden,100);

...etc...

aber es funktioniert nun immer noch nicht.
habe ich es falsch eingebunden?

[hellslawyer]

Also zumindest bei Bild_3 sollte es nun funktionieren. Das Interval musst Du natürlich in den anderen onPress-Funktionen genauso setzen. Das letzte alleinstehende Intervall kannst Du getrost löschen.

[zoomzoom]

nein leider nicht, es wird sofort eingeblendet.

ich habe es nur mal beim 3 Schalter eingebettet.
Die fla habe ich angehängt.

vielleicht übersehe ich was...

[burki]

Hallöchen!

PHP-Code:

if(ladeziel._alpha >= 100) 


Achtung! Alpha liefert keine Geraden Werte!Versuchs mal mit einem Counter!

[burki]

Hab mir Dein Fla angeschaut hellslawyer's Tipp läuft tadellos

[zoomzoom]

hmm also ich weiss nicht ich hab es jetzt auf alle arten probiert.
nichts klappt bei mir.

könnt ihr mir das AS mal hier reinschreiben?

[zoomzoom]

so habe nun mal den Code verändert, nun mit dem Transition Manager:

//TransitionManager

import mx.transitions.*;
import mx.transitions.easing.*;

//--- Aktionen für die Button_MCs um externe Daten
//--- in den Ziel-MC "ladeziel" zu laden ---------
bild_1.onRollOver = function() {
	ladeziel.loadMovie("Bild1.jpg");
	ladestatus()
	mx.transitions.TransitionManager.start(ladeziel, {type:mx.transitions.Fade, direction:mx.transitions.Transition.IN, duration:1, easing:mx.transitions.easing.Back.easeInOut});
	}
bild_1.onRollOut = function() {
     mx.transitions.TransitionManager.start(ladeziel, {type:mx.transitions.Fade, direction:mx.transitions.Transition.OUT, duration:1, easing:mx.transitions.easing.Back.easeInOut});
	 };

bild_2.onRollOver = function() {
	ladeziel.loadMovie("Bild2.jpg");
	ladestatus()
	mx.transitions.TransitionManager.start(ladeziel, {type:mx.transitions.Fade, direction:mx.transitions.Transition.IN, duration:1, easing:mx.transitions.easing.Back.easeInOut});
	}
bild_2.onRollOut = function() {
     mx.transitions.TransitionManager.start(ladeziel, {type:mx.transitions.Fade, direction:mx.transitions.Transition.OUT, duration:1, easing:mx.transitions.easing.Back.easeInOut});
	 };

bild_3.onRollOver = function() {
     ladeziel.loadMovie("Bild3.jpg");
     ladestatus()
	 mx.transitions.TransitionManager.start(ladeziel, {type:mx.transitions.Fade, direction:mx.transitions.Transition.IN, duration:1, easing:mx.transitions.easing.Back.easeInOut});
	 }
bild_3.onRollOut = function() {
     mx.transitions.TransitionManager.start(ladeziel, {type:mx.transitions.Fade, direction:mx.transitions.Transition.OUT, duration:1, easing:mx.transitions.easing.Back.easeInOut});
	 };
	 
//-------------------------------------------------

//--- Ladeanzeige unsichtbar machen ---------------
loader._visible = false;
//-------------------------------------------------

//--- Ladefunktion --------------------------------
ladestatus = function () {
	// Einen onEnterFrame-Event erstellen, so dass nun
	// der Ladezustand kontinuierlich abgefragt und
	// angezeigt wird
	loader.onEnterFrame = function() {
		// Geladene und zu ladenede Bytetes abfragen
		geladen = _root.ladeziel.getBytesLoaded();
		zuladen = _root.ladeziel.getBytesTotal();
		// Sicherheitsabfrage, da ein leerer MC so ungefähr
		// 4 bis 5 Bytes hat und zu Verfälschungen führen könnte
		if (geladen>=10) {
			// Ladeanzeige sichtbar machen
			loader._visible = true;
			// Berechnung der bereits geladenen Prozent
			prozent = Math.round(geladen/zuladen*100);
			// Ausgabe im dynamischen Textfeld "prozentanzeige"
			this.prozentanzeige.text = prozent+" Prozent geladen";
			// Skalierung des Balkens anhand der Prozentzahl
			this.balken._xscale = prozent;
			// Wenn komplett geladen
			if (prozent>=100) {
				// den EnterFrame-Event löschen um Performance zu sparen
				delete this.onEnterFrame;
				// die Ladeanzeige wieder unsichtbar machen
				this._visible = false;
			}
		}
	};
};
//-------------------------------------------------

hier das Ergebnis...nur die ersten 3 Buttons sind verlinkt:
http://screens.chip-allianz.de/galerie/galerie.html

ideen und vorschläge höre ich gerne.