Swishmax: Ein/Ausblenden mittels Script

Publiziert 22. August 2010 | Von Tom

Mit diesem kleinen Codeschnipsel kann man per Mausklick ein Objekt ein- oder ausblenden. Den Download gibt es am Ende.

Für die Benutzung der Galerie benötigt man Swishmax 2 / 3 oder Swish Minimax 2/3.

Wue benötigen einen Ein- und Ausblendbutton und ein Objekt zum Ausblenden.

Den Download gibt es wie immer am Ende des Beitrages.

Das Script ist einfach und besteht aus 2 Funktionen. Diese müssen in Swishmax im Editor eingebunden werden.

Dazu kopiert man die Blöcke am besten in das Root des benötigten Films.

Das Script ist komplett kommentiert.

Actionscript:

function fadeAlpha(pathToObject, fadeDuration, alphaLevel) {
clearInterval(this.alphaFadeInt);
var curAlpha = Math.round(pathToObject._alpha);
var alphaDiff = Math.abs(curAlpha - alphaLevel); // Unterschied zwischem aktuellen Alpha und Zielwert Alpha
var intDuration = 50; //alle wieviel ms wird die Funktion aufgerufen
var intSteps = (fadeDuration * 1000) / intDuration; // Anzahl der Schritte (intervals) bis zum Ziel
var amountPerInt = Math.ceil(alphaDiff / intSteps); // Wert, um den Alpha erhöht/abgesenkt wird, bis das Ziel erreicht ist
trace("Amount per int: " + amountPerInt); // Debug info
// -----------------------------------------------------
this.alphaFadeInt = setInterval(this, "doAlphaFade", intDuration, pathToObject, amountPerInt, alphaLevel); // Intervall erstellen
}
function doAlphaFade(pathToObject, amountPerInt, alphaLevel) {
var curAlpha = Math.round(pathToObject._alpha); //Aktuellen Alphawert abfragen (Erkennung ein/ausblenden)
trace("Current Alpha: " + curAlpha);
if (curAlpha <alphaLevel) { pathToObject._alpha += amountPerInt; // Aktuelles Alpha ist niedriger, also einblenden } else if (curAlpha> alphaLevel) {
pathToObject._alpha -= amountPerInt; // Aktuelles Alpha ist höher, also ausblenden
} else {
trace("Alpha Interval löschen"); // debug info
trace("Alpha Level ist : " + curAlpha); // debug info
pathToObject._alpha = alphaLevel; // Exakten Alphalevel einsetzen
clearInterval(this.alphaFadeInt); // und das Interval löschen, damit nichts weiter läuft
}
}

Die Funktion für das Einblenden wird einfach auf einen Text "Einblenden" gelegt.

Actionscript:

on (release) {
//Aufruf der Funktion (oder Objectreference) zum Objekt, dass manipuliert werden soll
// Funktion wird aufgerufen mit -> Objektname/Pfad -> Zeit des Vorganges in Sekunden -> Zielwert Alpha
this.fadeAlpha(this.image1, 2, 100);
}

Die Funktion für das Ausblenden wird einfach auf einen Text "ausblenden" gelegt.

Actionscript:

on (release) {
//Aufruf der Funktion (oder Objectreference) zum Objekt, dass manipuliert werden soll
// Funktion wird aufgerufen mit -> Objektname/Pfad -> Zeit des Vorganges in Sekunden -> Zielwert Alpha
this.fadeAlpha(this.image1, 2, 0);
}

Jetzt einfach die Demo starten und das Bild ein/ausblenden. Viel Spaß mit dem Script.

Dieses Tutorial basiert auf diesem englischsprachigen Tutorial.

Download: Objekt einblenden oder ausblenden.zip [Größe: 2.19 MB - Downloads: 68 - Version: 1.0]

push szo

Popularity: 43%