Die Scripte der FX Fireworks- Serie finden Sie im Bereich JavaScripts/Bewegte Bilder.
Die Scripte feuern farbenprächtige Feuerwerke auf Ihrer Webseite ab. (so sie denn mal eingebunden sind ;-))
FX Fireworks basiert auf einem DHTML- Script und GIF- Grafiken und kann leicht an die eigenen Bedürfnisse angepasst werden. Das Abfackeln von Einzel- sowie Multifeuerwerken wird unterstützt.
Die Grafiken, welche das Script einsetzt, müssen in einem separaten Ordner abgelegt werden. Falls Sie den Drang verspüren, eigene Grafiken einzusetzen, dann müssen die Grafiken von 0.gif - x.gif durchnummeriert werden, jede einzelne Grafik wiederspiegelt hierbei einen Schritt der Animation. Wer schon mal selbst animierte Gifs entwickelt hat, wird das kennen...
Das Script wird im Body der Webseite untergebracht, also irgendwo zwischen <body> und </body>. Das Script kann gestoppt und wieder gestartet werden, wenn man das wünscht. Hierzu setzt man bspw. jeweils einen Link für das Stoppen und Starten des Scripts ein (gestartet wird das Script automatisch beim Laden der Seite).
<A HREF="#" onClick="myFW.stop();return false;">STOP</A><br> <A HREF="#" onClick="myFW.start();return false;">START</A><br>
Wie im Beispiel ersichtlich, wird hierbei ein Eventhandler eingesetzt, der bei Klick auf einen Link die entsprechende JavaScript- Funktion ausführt.
Am Script selbst muss und sollte bis auf einige wenige Zeilen nichts geändert werden, um es an seine Bedürfnisse anzupassen. Diese Zeilen befinden sich am Ende des Scripts und steuern, wieviele Instanzen des Feuerwerks gestartet und welche Grafiken eingesetzt werden:
JSFX.FWStart = function() { if(JSFX.FWLoad)JSFX.FWLoad(); myFW.start(); } myFW = new JSFX.FireworkDisplay(20, "fw09", 34);
Mit myFW = new JSFX.FireworkDisplay(20, "fw09", 34); wird eine Objekt- Instanz generiert, die festlegt, welches Feuerwerk abgebrannt wird. Die Zahl 20 gibt hier an, wieviele Feuerwerkskörper in dieser Instanz zum Einsatz kommen sollen, "fw09" definiert den Ordner, in welchem sich die Grafiken befinden und die Zahl 34 schlussendlich gibt an, wieviele Grafiken sich in dem Ordner befinden.
In der Funktion JSFX.FWStart wird mittels myFW.start(); die zu startende Instanz festgelegt.
Wie weiter oben bereits angedeutet, ist es möglich, mehrere Instanzen, also mehrere Einzelfeuerwerke, gleichzeitig zu starten und somit ein Multi- Spektakel zu veranstalten :-). Hierzu müssen lediglich entsprechend viele Instanzen angelegt und gestartet werden, bspw.:
JSFX.FWStart = function() { if(JSFX.FWLoad)JSFX.FWLoad(); myFW1.start(); myFW2.start(); myFW3.start(); myFW4.start(); } myFW1 = new JSFX.FireworkDisplay(5, "fw05", 21); myFW2 = new JSFX.FireworkDisplay(5, "fw08", 26); myFW3 = new JSFX.FireworkDisplay(5, "fw11", 30); myFW4 = new JSFX.FireworkDisplay(5, "fw13", 15);
Um die Feuerwerke, sofern man dies vorsieht, alles stoppen und wieder starten zu können, müssen die Eventhandler um die entsprechenden Feuerwerksinstanzen erweitert werden:
<A HREF="#" onClick="myFW1.stop();myFW2.stop();myFW3.stop();myFW4.stop();return false;">STOP</A><br> <A HREF="#" onClick="myFW1.start();myFW2.start();myFW3.start();myFW4.start();return false;">START</A>
zurück
