Huhu,
ich brauche mal Hilfe von euch bei einer Falshanwendung mit Actionscript 3.
Ich muss eine Slideshow programmieren,
die die Bilder dynamisch über eine XML-Datei läd.
Die Bilder sollen nacheinander geladen werden (also automatisch, ohne buttons), dann herrauszoomen und dann weich überblenden.
Die einzelnen Parameter (länge des Überblendens, zoom-anfangswert zoom-endwert und zoom-dauer) sollen dazu auch noch aus der xml-datei geladen werden.
Das ganze muss ich Dienstag vorlegen und bin daher für jede Hilfe dankbar.
Die XML-Datei sieht bei mir so aus:
| Code |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
| |
<?xml version="1.0" encoding="ISO-8859-1" ?>
<images>
<image src="http://www.flashforum.de/forum/images/pic1.jpg" fadetime="5" zoomtime="5" zoomstart="100" zoomend="50"></image>
<image src="http://www.flashforum.de/forum/images/pic2.jpg" fadetime="5" zoomtime="5" zoomstart="100" zoomend="50"></image>
<image src="http://www.flashforum.de/forum/images/pic3.jpg" fadetime="5" zoomtime="5" zoomstart="100" zoomend="50"></image>
<image src="http://www.flashforum.de/forum/images/pic4.jpg" fadetime="5" zoomtime="5" zoomstart="100" zoomend="50"></image>
<image src="http://www.flashforum.de/forum/images/pic5.jpg" fadetime="5" zoomtime="5" zoomstart="100" zoomend="50"></image>
</images>
|
fadetime = Überblenddauer ind Sekunden
zoomtime = Zoomdauer in Sekunden
zoomstart = Startauflösung des Bildes in %
zoomend = Endauflösung des Bildes in %
Da is ja blutiger Anfänger in Flash bin, habe ich auf eure Hilfe gehofft.
Dank eines Tutorials hab ich es geschafft die XML-Datei auszulesen und die Bilder nach einander anzuzeigen. Jedoch ohne Fade und ohne Zoom.
Das hab ich bis jetzt:
| Code |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
| |
// variables
var xmlList:XMLList;
var slideNum:Number = 0;
var imgLoader:Loader = new Loader();
var slideTimer:Timer = new Timer(5000); //runs every 5 seconds
// load xml
var xml:XML = new XML();
var loader:URLLoader = new URLLoader();
loader.load(new URLRequest("images.xml"));
loader.addEventListener(Event.COMPLETE,
function(evt:Event):void {
xml = XML(evt.target.data);
xmlList = xml.children();
imgLoader.load(new URLRequest(xml.image[slideNum].@src));
imgLoader.x = 0 ;
imgLoader.y = 0;
}
);
imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoadComplete);
slideTimer.addEventListener(TimerEvent.TIMER, onSlideTimer);
slideTimer.start();
function changePic(slideNum:Number):void {
imgLoader.load(new URLRequest(xml.image[slideNum].@src));
addChild(imgLoader);
imgLoader.x = 0;
imgLoader.y = 0;
}
changePic(0);
function onSlideTimer(evt:TimerEvent):void {
if (slideNum == 4) {
slideNum = 0;
}
else {
slideNum++ ;
}
changePic(slideNum);
trace(slideNum);
}
function onLoadComplete(event:Event):void {
addChild(imgLoader);
}
|
Was noch fehlt:
- Auslesen der Werte für zoom, fade usw
- Überblendung
- Zoom
und evt eine elegantere Lösung die Bilder auszulesen,
denn so wie es jetzt ist, muss man die Anzahl der Bilder im Script festlegen
(zur Zeit 5). Am besten wäre es wenn unabhänig von der Anzahl der Bilder, einfach alle in der XML-Datei von oben bis unten durch geht und dann wieder oben anfängt, ohne dass man die Anzahl der Bilder fest implementieren muss.
Jetzt schon mal vielen vielen dank für eure Unterstützung.
