Keywords

Beispiele des Endergebnisses

Module, die für die Durchführung vorausgesetzt werden

Arbeitsschritte

1. Laden einer externen Textdatei

Wir erstellen in Flash ein dynamisches Textfeld und laden uns den Inhalt einer externen Datei in das Feld hinein.
Dazu nutzen wir eine Variable, die LoadVars Methode und weisen den Inhalt der Variable dem Textfeld zu.
Dies ist bei einfachen Texten eine simple und schnelle Lösung. Wenn jedoch mehrere Texte zusammenhängen und die Texte ein dazugehöriges Bild beschreiben, dann ist es besser, eine XML Datei zu verwenden, weil diese übersichtlicher aufgebaut ist (siehe nächsten Arbeitsschritt).

Material aus den gesammelten Daten: "import_txt.fla" und "text.txt"

2. Laden einer XML Datei

Wir erstellen bereits das Fundament für unsere Fotogalerie an dem wir kontinuierleich weiterarbeiten. Der Hintergrund sowie statische und dynamische Textfelder werden auf der Bühne plaziert und die ersten Texte aus der XML Datei geladen und angezeigt.

Material aus den gesammelten Daten: "as_fotogalerie_01.fla" und "fotos_text.xml"

3. Laden eines Fotos mit dazugehörigem Text

In Fortsetzung zum vorhergehenden Modul laden wir nun das erste Vorschaubild, den dazugehörigen Text und das große Bild. Wir erstellen hierbei mehrere leere Movieclips, in die wir den Inhalt während der Laufzeit laden.

Material aus den gesammelten Daten: "as_fotogalerie_02.fla" und "fotos_text.xml"

4. Thumbnailleiste mit roll-Over und on-Click Event

Wir verändern unser Script, damit mehrere (6) Thumbnails angezeigt werden. Beim Mouse-Over wird ein Rechteck das jeweilige Vorschaubild markieren und durch einen Klick auf das Bild wird das große Bild mit den Informationen zum Bild nachgeladen.

Material aus den gesammelten Daten: "as_fotogalerie_03.fla" und "fotos_text.xml"

5. Scroll Buttons für die Thumbnailleiste

Damit wir durch den Inhalt der Galerie navigieren können fügen wir links und rechts Buttons ein, die bei Klick die Leiste jeweils um 6 Bilder nach vorn bzw. zurück scrollen.

Material aus den gesammelten Daten: "as_fotogalerie_final.fla" und "fotos_text.xml"

Ergänzende und vertiefende Module