[STUFF] Auf Klick Inhalte / Movieclips ausblenden und dann den nächsten einblenden

[rena]

Sicher auch schon dagewesen und exzellent beantwortet aber aufgrund
einer aktuellen Frage hier ein Beispiel, mit dem vielleicht der eine oder andere
etwas anfangen kann.

Auf vielen Seiten sieht man einen Übergang von einer Inhaltsrubrik zur
anderen, in dem erst der eine Inhalt ausgeblendet wird bevor der zweite
einblendet. Machbar ist das auf vielen Wegen - hier einmal ein Beispiel, wie
das Aus- und Einblenden mittels einer AS-Funktion geschieht.

Wir brauchen dafür
- Buttons für das Wechseln der Rubriken mit jeweils einem
Instanznamen, hier "button1" und "button2"
- Movieclips in denen jeweils alle Inhalte einer Rubrik liegen. Auch diese
bekommen einen Instanznamen, hier "in1" und "in2"

Buttons und Inhaltsmovieclips liegen auf derselben Zeitleiste.
Im selben Frame dieser Zeitleiste liegt nun folgendes Script:

PHP-Code:

//inhaltsmovieclips transparent setzen
this.in1._alpha = 0;
this.in2._alpha = 0;
//aktionen für die Buttons
button1.onPress = function() {
    //Name des einzufadenden Movieclips in die 
    //Variable _root.einzufaden schreiben
    einzufaden = "in1";
    //fadefunktion aufrufen mit den Angaben für deren Parameter ein/aus
    fade(einzufaden, auszufaden);
};
button2.onPress = function() {
    einzufaden = "in2";
    fade(einzufaden, auszufaden);
};
//Fadefunktion
fade = function (ein, aus) {
    // Sicherstellen, dass bei nochmaligem Klick auf denselben
    // Button nicht der aktuelle Clip aus- und wieder eingefadet wird
    if (ein != aus) {
        // onEnterFrame-Event erstellen
        this.onEnterFrame = function() {
            // ausblenden
            this[aus]._alpha -= 10;
            // wenn ausgeblendet
            if (this[aus]._alpha<=0) {
                // nächstes Mal muß der nun eingeblendete augeblendet
                // werden deshalb kommt dessen Name in die Variable
                this.auszufaden = ein;
                // onEnterFrame-Event überschreiben
                this.onEnterFrame = function() {
                    // einblenden
                    this[ein]._alpha += 10;
                    // wenn eingeblendet
                    if (this[ein]._alpha>=100) {
                        // onEnterFrame-Event löschen
                        delete this.onEnterFrame;
                    }
                };
            }
        };
    }
}; 


Anzuschauen unter
http://www.shockfusion.de/ff/fade

Download unter
http://www.shockfusion.de/ff/fade/fade.zip

Das Beispiel läßt sich beliebig umarbeiten, so dass z.B. ein Inhalt nach
rechts rausfährt und der nächste von links rein. Das ist aber dann eure
eigene Aufgabe denn das Prinzip ist dasselbe.

Viel Spaß damit
Gruß
Rena

[sonar]

....und wer braucht so'n Sch***???






























Cool rena! Grad einen Kandidaten drauf verwiesen...

[rena]

*g*

[johanness]

Für Einsteidende sicher gut

[rena]

Genau dafür ist's gedacht.

Für "Heavy-Stuff" sorgen ja die üblichen Stuffposter. Dank an jene an dieser Stelle.

Grüße
Rena

[Zuckerwasser]

Hallo.

Ich habe mir deine Beispieldatei mal heruntergeladen und an mein Problem angepasst.

Leider funtkioniert es nicht so, wie ich möchte.
Und da ich mit arrays arbeite, weiß ich nicht, ob ich alles richtig gemacht habe.
Vielleicht könntest du, oder jemand anders mal auf das AS schauen und mir schreiben, was ich verändern müsste.

Vielen Dank.

EDIT: Anhang gelöscht, da eh nicht ging.

[Zuckerwasser]

Ich wollte es so machen, dass die 9 MCs am Anfang alle nicht auf der Bühne zu sehen sind. Und wenn man dann einen Schalter klickt, wird der jeweilige MC eingeblendet.
Bloß mein AS macht mir das nicht so. Könnt ihr mir vielleicht helfen?
Wäre dankbar.

[rena]

Ich kann leider nicht, da ich kein MX 2004 hab und demzufolge deine Datei nicht öffnen kann, sorry.
Eventuell findet sich ja noch jemand, der nicht so hinterher hinkt wie ich.

Gruß
Rena

[Zuckerwasser]

Ui, das ist schade.

Aber glücklicherweise habe ich das Problem selbst lösen können. Wie gut die Hilfe manchmal doch sein kann. *g*

Danke trotzdem.

[Zuckerwasser]

Hmmm...

Ich nochmal...
Also ich bekomme ein faden mit dem Alphawert hin. Nun habe ich versucht, es mit der x-Koordinate und dem Alphawert hinzubekommen. Aber das geht nicht.
Ich scheitere schon allein bei der X-Koordinate.
Kann mir jmd. weiterhelfen?

Ich poste mal mein AS:

//Array erstellen
Movies = new Array ("in1","in2","in3","in4","in5","in6","in7","in8","in9");
auszufaden = "1";
Moviesname = "";
for (i=0;i<Movies.length;i++)
    {
        Moviesname = Movies[i]
        this[Moviesname]._x = 405;
    }
//aktionen für die Buttons
bt1.onPress = function() {
    //Name des einzufadenden Movieclips in die 
    //Variable _root.einzufaden schreiben
    einzufaden = "in1";
    //fadefunktion aufrufen mit den Angaben für deren Parameter ein/aus
    fade(einzufaden, auszufaden);
};
bt2.onPress = function() {
    einzufaden = "in2";
    fade(einzufaden, auszufaden);
};
bt3.onPress = function() {
    einzufaden = "in3";
    fade(einzufaden, auszufaden);
};
bt4.onPress = function() {
    einzufaden = "in4";
    fade(einzufaden, auszufaden);
};
bt5.onPress = function() {
    einzufaden = "in5";
    fade(einzufaden, auszufaden);
};
bt6.onPress = function() {
    einzufaden = "in6";
    fade(einzufaden, auszufaden);
};
bt7.onPress = function() {
    einzufaden = "in7";
    fade(einzufaden, auszufaden);
};
bt8.onPress = function() {
    einzufaden = "in8";
    fade(einzufaden, auszufaden);
};
bt9.onPress = function() {
    einzufaden = "in9";
    fade(einzufaden, auszufaden);
};
//Fadefunktion
fade = function (ein, aus) 
{
    // Sicherstellen, dass bei nochmaligem Klick auf denselben
    // Button nicht der aktuelle Clip aus- und wieder eingefadet wird
    if (ein != aus) 
    {
        switch (ein) 
        {
            case "in1" : Kx =160; break;
            case "in2" : Kx =140; break;
            case "in3" : Kx =20; break;
            case "in4" : Kx =95; break;
            case "in5" : Kx =80; break;
            case "in6" : Kx =5; break;
            case "in7" : Kx =-95; break;
            case "in8" : Kx =-55; break;
            case "in9" : Kx =-75; break;
            default : break;
        }      
        // onEnterFrame-Event erstellen
        this.onEnterFrame = function() 
        {
            this[aus]._x -= 0.1;
            if (this[aus]._x = 405)
            {
                this.auszufaden = ein;
                for (i=0;i<Movies.length;i++)
                {
                    // onEnterFrame-Event überschreiben
                    this.onEnterFrame = function() 
                    {
                        this[ein]._x += 0.1;
                        // wenn eingeblendet
                        if (this[ein]._x = Kx) 
                        {
                            // onEnterFrame-Event löschen
                            delete this.onEnterFrame;
                        }
                    }
                }
                
            }
        };
    }
}; 

Vielen Dank.

[rendner[i]]

Erstelle doch die Funktionen für Deine Buttons mit in der for-Schleife...somit brauchst nicht alles per Hand schreiben wenn die eh alle das gleiche machen.

PHP-Code:

var Movies = new Array ( "in1","in2","in3","in4","in5","in6","in7","in8","in9" );
var auszufaden = "1";
var Moviesname = "";    
for (var i = 0; i < Movies.length; i++)
{
        Moviesname = Movies[ i ];
        this[ Moviesname ]._x = 405;
        _root[ "bt" + ( i + 1 ) ].i = i + 1;        
        _root[ "bt" + ( i + 1 ) ].onRelease = function()
        {    
            einzufaden = "in" + this.i;    
            fade( einzufaden, auszufaden);    
        }
} 


[blEkk]

Danke! Das hat mir hier schon mal super weitergeholfen.

Also ich hab auch diverse buttons, die dann bei rollover ein kleines infofeld (movieclip) aufpoppen lassen sollen.
Nur soll das infofeld nicht wie im Beispiel dableiben, sondern halt nur solange man mit der maus über dem entsprechenden button ist.
praktisch bei rollout wieder 'ausfaden'...

Ich bin langsam am verzweifeln, kann mir jemand nen hint geben wenns nicht zuviel aufwand ist. Sonst einfach ignorieren.

edit. schon gut ignoriert es, ich hab grade den rollout effekt entdeckt er fadet zwar nicht, sondern knallt unsanft ins bild.. aber eigentlich soll er auch einfach nur das movieclip laden und abspielen..

[SirSimon]

Kann man den mc1 auch dazu bringen, am Anfang gleich da zu sein? Also sofort sichtbar?

Mfg

SirSimon

[rena]

Ihn einfach nicht zu Beginn transparent setzen?

PHP-Code:

//Auszug aus obigem Script:
this.in1._alpha = 100; //oder die Zeile halt weglassen
this.in2._alpha = 0; 


[SirSimon]

Hab ich versucht (ein bisschen was kann ich ), dann ist das Teil zwar sichtbar am Anfang, aber die anderen MCs (die an der selben Stelle sitzen und nur ausgetauscht werden) werden dann nicht sichtbar. Ideen dazu?

Danke!

Mfg

SirSimon