First Steps
Ein Tutorial zur Installation finden Sie hier
Öffnen Sie zuerst die mitgelieferte Flash-Datei flashgallery_oop.fla (Flash 8). Studieren Sie in Ruhe,
wie diese Datei aufgebaut ist, um zu verstehen, wie flashGallery funktioniert.
Weitere Anwendungsbeispiele und Infos auf
blog.skurrilewelt.de
Installation
Adminfunktionen
Wenn Sie die Galerie in eine bestehende Datei einbauen wollen, gehen Sie wie folgt vor:
- Erstellen Sie einen leeren Movieclip [Strg-F8]
- Ziehen Sie ihn auf die Bühne an Position 0,0 und geben ihm einen Instanznamen [bild1]
- Ziehen Sie ihn ein zweites Mal auf die Bühne [bild2]. Das ist notwendig, weil zwei Movieclips zum Anzeigen der Bilder abwechselnd eingeblendet werden.
- Erstellen Sie einen weiteren Movieclip, der mindestens zwei Buttons enthalten sollte. Damit kann
der Besucher nachher durch Ihre Bilder navigieren. Geben Sie diesem Clip auch einen Instanzname [navi]
Schreiben Sie Code für die onRelease-Funktion der Buttons und geben Sie dem Button für das nächste Bild die Anweisungund dem Button der das vorherige Bild anzeigen soll_parent.instanzname-der-flashGallery.loadNextPic();
Weiter Informationen finden Sie unter 'Public functions'_parent.instanzname-der-flashGallery.loadPrevPic();
- Erstellen Sie Actionscriptcode in Frame 1:
Informationen zum Konstruktor siehe weiter unten.
import FlashGallery; var pictures:Object = new Object; pictures.urls = new Array(); /* Hier Code einfügen, der die URLs der Bilder in pictures.urls einliest */ //Erzeugen einer gallery Instanz und Übergabe der Parameter var gallery = new FlashGallery(bild1,bild2,pictures,navi,"",0);
flashGallery Klasse
Konstruktor
function FlashGallery(bild1:MovieClip,bild2:MovieClip,pictures:Object,navi:MovieClip,progressbar:MovieClip,init:Number)
Version ab 0.1
| bild1, bild2 | Movieclips, die die Bilder abwechselnd anzeigen |
| pictures | Objekt mit Bildinformationen in Arrays (z.B. URL, Bildnamen, Texte etc.) |
| navi | Movieclip mit der Navigation. Bei jeder Fensteränderung wird die Funktion setP() in der Navigation aufgerufen, um den Movieclip neu zu positionieren. |
| progressbar | Movieclip der eine Preloading-Anzeige enthält. Während des Ladevorgangs wird der Ladezustand des Bildes in Prozent an die progressbar weiter gegeben. |
| init | Index des ersten zu ladenden Bildes aus pictures.urls |
Public functions
public function loadNextPic():Void
Version ab 0.1
Startet den Ladevorgang für das nächste Bild in pictures.urls. Ist das letzte Bild erreicht, wird nichts geladen.
public function loadPrevPic():Void
Version ab 0.1
Startet den Ladevorgang für das vorherige Bild in pictures.urls. Ist das erste Bild erreicht, wird nichts geladen.
public function loadFirstPic():Void
Version ab 0.2
Startet den Ladevorgang für das erste Bild in pictures.urls.
public function loadLastPic():Void>
Version ab 0.2
Startet den Ladevorgang für das letzte Bild in pictures.urls.
public function getPicIndex():Number
Version ab 0.3
Gibt das aktuell angezeigte Bild (Index in pictures.url) zurück.
public function getPicCount():Number
Version ab 0.3
Gibt die Gesamtanzahl der Bilder in pictures.urls zurück.
public function zoom(type:String):Void
Version ab 0.1
Ändert die Anzeigegröße des Bildes aktuell angezeigten Movieclips (bild1 oder bild2)
Parameter 'type:String':
| in | Vergrößert bei jedem Aufruf um 20% |
| out | Verkleinert bei jedem Aufruf um 20% |
| fill | Passt die Bildgröße der Browserfenstergröße an |