AW: Brauche Hilfe bei Flash Slieder!
Ein "Slider" ist ein Schieber, also z.B. bei einer Scrollleiste das Ding, das man hin- und herschiebt um die Seite hoch und runter zu scrollen.
Eine "Slideshow" (nicht Slidershow) ist eine "Diavorführung".
Und das was Du willst ist ein Image-Fade-Via-Button-Tool. hehe. Ok, war ein Scherz, k.A. wie man das nennt.
Zur Umsetzung:
Du brauchst 4 Buttons (wobei die Buttons auf der Seite eigentlich schon was komplizierter sind, aber belassen wir es erstmal bei einfachen Buttons) und benennst diese btn1 bis btn4.
Und Du brauchst 4 Bilder, die Du schonmal in 4 verschiedene MovieClips packst und übereinander (also deckungsgleich aufeinander) auf der Bühne positionierst und nennst diese MCs dann pic1 bis pic4.
Die Buttons belegst Du mit einem onRollOver-Event und rufst dabei eine Funktion auf (z.B. nennen wir die "switchPicture").
Also so:
Code:
btn1.onRollOver = function() { _root.switchPicture(pic1); }
Dann packst Du in _root den Code der Funktion, der in etwa so lautet:
Code:
function switchPicture(mc) {
mc.onEnterFrame = function() {
this._alpha += 5;
if (this._alpha >= 100) {
this._alpha = 100;
delete this.onEnterFrame;
}
}
}
Du übergibst also den MovieClip, den Du reinfaden möchtest, der Funktion "switchPicture" und diese erhöht "pro Runde" (also pro Frame) den Alpha-Wert des Bildes um 5, bis es irgendwann zu 100% sichtbar ist. Dafür musst Du natürlich vorher die Bilder auf Alpha=0 setzen und ein bereits eingeblendetes Bild hinterher auch wieder ausblenden. Also letztendlich so:
Code:
pic1._alpha = 0;
pic2._alpha = 0;
pic3._alpha = 0;
pic4._alpha = 0;
var lastPic:MovieClip = null;
function switchPicture(mc) {
if (lastPic != null) {
lastPic.onEnterFrame = function() {
this.alpha -= 10;
if (this._alpha <= 0) {
this._alpha = 0;
delete this.onEnterFrame;
}
}
}
lastPic = mc;
mc.onEnterFrame = function() {
this._alpha += 10;
if (this._alpha >= 100) {
this._alpha = 100;
delete this.onEnterFrame;
}
}
}
btn1.onRollOver = function() { _root.switchPic(_root.pic1); }
btn2.onRollOver = function() { _root.switchPic(_root.pic2); }
btn3.onRollOver = function() { _root.switchPic(_root.pic3); }
btn4.onRollOver = function() { _root.switchPic(_root.pic4); }
Damit hast Du einen ähnlichen Effekt wie auf dem G-Portal. Allerdings haben die dort noch zusätzlich mit Farbeffekten gespielt und natürlich aufwendigere Buttons erstellt.
