FLASH IMAGESLIDER PROFESSIONELL 4

Transkript

1 FLASH IMAGESLIDER PROFESSIONELL 4 ANLEITUNG, PARAMETERBESCHREIBUNG, HINWEISE UND ERKLÄRUNGEN Version August 2011 Mark Kirstein, sector12

2 PARAMETERBESCHREIBUNG In diesem Bereich sind alle Parameter aufgeführt, die von Ihnen in der config.xml Datei verändert werden können. Diese Einstellungen beinhalten sämtliche Einstellungsdaten für die Animation. Im zweiten Abschnitt gibt es einen gesonderten Bereich für die Parameter der images.xml Hier sind alle wesentlichen Daten für die Bilder platziert. PARAMETER FÜR DIE EINSTELLUNG (config.xml Datei) <defaultxml value="images.xml" /> Pfad zur Standard XML Datei für die Bilder. Datentyp: String (String) Mögliche Einstellungen: absoluter oder relativer Pfad zum Speicherort, z.b.: <linktarget value="_self" /> Bestimmt, ob die Zielseite nach dem Anklicken des Detailbuttons oder dem Bild im gleichen Fenster oder einem neuen Fenster angezeigt werden soll. Mögliche Einstellungen: _self, _blank, _top,_framename, _eigenesfenster <conypos value="105" /> Vertikale Position der gesamten Animation. Höhere Werte verschieben die Animation nach unten. <reflectionheight value="75" /> Bestimmt die Höhe der Spiegelung der Bilder. Höhere Werte ergeben eine größere Spiegelung. <reflectionoffset value="2" /> Bestimmt den Abstand nach unten zwischen der Spiegelung und dem Bild. Höhere Werte verschieben die Spiegelung nach unten. <reflectionalpha value="0.6" /> Bestimmt die Transparenz der Spiegelung. Mögliche Einstellungen: positive numerische Werte (0 ist vollkommen transparent 1 vollkommen sichtbar)

3 <imageoffsetx value="5" /> Bestimmt den Abstand der Bilder untereinander nach rechts. Je höher die Werte, desto größer ist der Abstand zwischen den Bildern nach rechts. <perspectiveprojectionx value="0" /> Bestimmt den Punkt (X-Achse), von dem auf die Animation geschaut wird. Bei den Standardwerten 0 ist dies der Mittelpunkt der Animation. Experimentieren Sie mit den Werten, um den Effekt zu verdeutlichen. <perspectiveprojectiony value="0" /> Bestimmt den Punkt (Y-Achse), von dem auf die Animation geschaut wird. Bei den Standardwerten 0 ist dies der Mittelpunkt der Animation. Experimentieren Sie mit den Werten, um den Effekt zu verdeutlichen. <fieldofview value="50" /> Gibt einen Winkel für das Sichtfeld in drei Dimensionen als Gradzahl zwischen 0 und 180 an. Dieser Wert bestimmt, wie stark die Perspektiventransformation und -verzerrung auf ein dreidimensionales Anzeigeobjekt mit einer z-koordinate, die nicht null ist, angewendet wird. zwischen 0 und 180 <navitype value="tabs" /> Bestimmt den Typ der Navigation. Zwei Versionen stehen zur Verfügung: 1. Tabnavigation 2. Keine Navigation Mögliche Einstellungen: tabs für Tabnavigation off zum Abschalten der Navigation <navitabsize value="4" /> Bestimmt die Größe der Tabs in Pixel. Der Wert entspricht der Breite wie Höhe. Höhere Werte vergrößern die Tabs. <navitaboffset value="3" /> Bestimmt den Abstand der Tabs nach rechts. Höhere Werte erhöhen den Abstand.

4 <navixpos value="398" /> Horizontale Position der Navigation. Höhere Werte verschieben die Navigation nach rechts. <naviypos value="275" /> Vertikale Position der Navigation. Höhere Werte verschieben die Navigation nach unten. <navilinecolor value="0x999999" /> Bestimmt die Farbe der Tabs der Navigation. Datentyp: uint(uint) Mögliche Einstellungen: Farbangaben wie z.b.: 0xFFFFFF (weiß), 0x (schwarz), 0xFF0000 (rot) etc. <navilinethickness value="2" /> Bestimmt die Dicke der Kontur des Tabs. <navitabhighlightcolor value="0x000000" /> Bestimmt die Farbe des Tabs für das aktiv angezeigte Bild. Datentyp: uint(uint) Mögliche Einstellungen: Farbangaben wie z.b.: 0xFFFFFF (weiß), 0x (schwarz), 0xFF0000 (rot) etc. <navibackgroundalpha value=".9" /> Bestimmt die Transparenz der Navigation. Der Wert 1 ist vollkommen sichtbar, der Wert 0 vollkommen durchsichtig (transparent). Mögliche Einstellungen: Werte zwischen 0 und 1 (auch Kommazahlen) <nextimagein value="5" /> Bestimmt die Dauer in Sekunden die zwischen dem automatischen Wechsel der Bilder liegt. Ist dieser Wert gleich oder geringer der Dauer der Animation wird dies automatisch korrigiert. Mögliche Einstellungen: positive numerische Werte <useperpective value="on" /> Bestimmt, ob die Perspektive aktiviert wird. Bei on bedeutet dies, dass die Bilder je nach Position weiter nach hinten wandern. Mögliche Einstellungen: on für eingeschaltet, off für ausgeschaltet

5 <blurvalue value="10" /> Bestimmt die Stärke des Weichzeichnens der Bilder (Unschärfe). Höhere Werte lassen die Bilder unschärfer erscheinen. Datentyp: Integer(int) Mögliche Einstellungen: positive numerische ganzzahlige Werte <alphavalue value="1" /> Bestimmt die Transparenz der Bilder. Mögliche Einstellungen: Werte zwischen 0 vollkommen durchsichtig und 1 vollkommen sichtbar. <zpos value="290" /> Bestimmt die Entfernung der nicht im Fokus stehenden Bilder nach hinten (Z-Achse). Höhere Werte verschieben die Bilder weiter nach hinten, diese werden automatisch in der Größe skaliert. Datentyp: Integer(int) Mögliche Einstellungen: positive numerische ganzzahlige Werte <xrotation value="0" /> Bestimmt die Drehung der nicht im Fokus stehenden Bilder (Rotation der X-Achse) Datentyp: Integer(int) Mögliche Einstellungen: positive wie negative numerische ganzzahlige Werte <duration value="2" /> Bestimmt die Dauer der Animation. Je höher die Werte, desto länger dauert die Animation. Mögliche Einstellungen: positive numerische ganzzahlige Werte <showdescription value="on" /> Bestimmt, ob die textliche Beschreibung (Headline, Description) gezeigt wird oder nicht. Mögliche Einstellungen: on für Anzeigen, off zum Verbergen <descriptionfontsize value="16" /> Bestimmt die Schriftgröße der Description (Beschreibung). <descriptionfontcolor value="0x000000" /> Bestimmt die Schriftfarbe der Description (Beschreibung). Datentyp: uint(uint) Mögliche Einstellungen: Farbangaben wie z.b.: 0xFFFFFF (weiß), 0x (schwarz), 0xFF0000 (rot) etc.

6 <descriptionxpos value="85" /> Bestimmt die horizontale Position der Description (Beschreibung).Höhere Werte verschieben die Headline nach rechts. Die Animation der Headline beginnt 20 Pixel weiter links von diesem Wert. <descriptionypos value="235" /> Bestimmt die vertikale Position der Description (Beschreibung).Höhere Werte verschieben die Headline nach unten. <usemousewheel value="on" /> Bestimmt, ob eine Navigation mit Hilfe des Mausrades erfolgen kann. Mögliche Einstellungen: on für eingeschaltet, off für ausgeschaltet <usekeynavigation value="on" /> Bestimmt, ob eine Navigation mit Hilfe der Pfeiltasten der Tastatur erfolgen kann. Mögliche Einstellungen: on für eingeschaltet, off für ausgeschaltet PARAMETER FÜR DIE BILDER (images.xml Datei) Jedes Bild beginnt mit <image> und endet mit </image> Dazwischen sind alle Informationen zum Bild, Text etc. enthalten. Sie können beliebig viele Bilder nutzen. Je mehr Bilder verwendet werden, desto länger ist die Ladezeit, da die Animation erst nach Abschluss des Ladeprozesses startet. Jedem Bild können weitere Informationen mitgegeben werden, im Einzelnen sind dies: <filename>images/back.png</filename> Pfad zum eigentlichen Bild. Dieser kann relativ oder absolut angegeben werden. Alle Bilder sollten die gleiche Größe haben. Mögliche Einstellungen: absoluter oder relativer Pfad zum Speicherort, z.b.: <description>textliche Beschreibung des Bildes</description> Bestimmt den Inhalt der Description (Beschreibung). Diese kann separat in Größe, Farbe und Hintergrundfarbe sowie der Position formatiert werden. Mögliche Einstellungen: Text <url> Die Zieladresse auf die gesprungen wird, sobald der Detailbutton oder das Bild angeklickt wurde. Mögliche Einstellungen: Text, URL zur Zielseite