You are hereWeblogs / Ralf Baum's blog / Einen eigenen Preloader basteln

Einen eigenen Preloader basteln


By Ralf Baum - Posted on 03 August 2010

Wer ist das?

Niemand sieht es wirklich gerne wenn er erscheint; aber viele ärgern sich, wenn er nicht erscheint...

Es ist der Preloader bei einem Captivate-Projekt. Er informiert den User, wieviel noch geladen werden muss, bevor der Anfangsscreen erscheint.
Dieser Preloader kann bei den Settings eingestellt werden; er ist also nicht in jedes Projekt zwangsweise integriert. Wenn Ihnen der Standard Preloader (Default Settings) nicht gefällt, können Sie auch einen eigenen preloader erstellen. Sie benötigen dafür nur Adobe Flash, denn damit mit der Preloader erstellt. Zugegeben, ein bischen Actionscript kann einen flash-ungeübten User zuerst ins Grübeln bringen. Prinzipiell ist es ganz einfach.
Sie benötigen dafür nur 2 Dinge:

a.) eine Animation (die können Sie in Flash auch ohne Actionscript-Kenntnisse erstellen
b.) eine permanente Abfrage nach den Restzahl der Files, die noch hochgeladen werden müssen; die Restzahl wird nicht angegeben, sondern prozentual mit der Gesamtanzahl der Files verglichen. So entsteht der Prozentsatz bei den Preloadern - na, das ist doch theoretisch ganz logisch.

Zur Umsetzung in die Praxis verwenden Sie am besten diesen Codeschipsel in Achtionscript 2.

//Hier wird der Preloader gestartet
function initialize(movieWidth:Number, movieHeight:Number)
{

}

function onProgress(loadedBytes:Number,totalBytes:Number)
{
var percentDone:Number = Math.round((loadedBytes / totalBytes) * 100);
//Es sollen 80% geladen werden, bevor der Film startet
if(percentDone > 80)
this.done = true;
percent_txt = percentDone+"%";
}

Natürlich müssen Sie noch noch ein dynamisches Textfeld mit der Variable percent_txt erstellen, dann wird dort die Prozentzahl angezeigt.

Und schon haben Sie einen eigenen Preloader.....

Carrot Solutions - Ihre Full Service E-Learning-Agentur

Carrot Solutions

Kontaktdaten


Carrot Business Solutions
Ralf Baum, Axel Moser GbR
Brückenstraße 30
69120 Heidelberg
Tel: +49 6221 7517252
info@carrot-solutions.de
http://carrot-solutions.de