Wie erstelle ich eine einfache Foto-Galerie mit Flash 8

Foto-Galerien, manchmal genannt "Bildbetrachter" oder "Portfolios," zeigen Fotografien im Format einfach zu navigieren. Während Fotogalerien in vielen verschiedenen Konfigurationen zu kommen, ist ein einfacher und unkomplizierte Ansatz mehrere kleine Bilder oder "Vorschaubilder" entlang der oberen, unteren oder auf der Seite anordnen. Wenn ein Benutzer auf einen Thumbnail klickt, zeigt eine größere Version des Bildes in der Mitte der Seite. Dies ist in Flash 8 mit einfachen Maustaste ActionScripts möglich.

Anweisungen

Fotos vorbereiten

1 Öffnen Sie Ihre Fotos in einem Bildbearbeitungsprogramm wie Photoshop oder iPhoto.

2 Vorbereitung und zwei Versionen jedes Bild zu speichern: eine kleine, Miniatur-Version und eine größere, Full-Size-Version. Beispielsweise können Sie die Miniaturansichten 75 von 75 Pixel und die Full-Size-Versionen 300 x 300 Pixel machen.

3 Benennen Sie und speichern Sie Ihre Bilder als JPEG-Dateien (.jpg). Der Einfachheit halber geben Sie die Bilder konsequente Namen. Z.B. die Thumbnails "thumb1.jpg," name "thumb2.jpg" und So weiter. Benennen Sie die entsprechenden Bilder in voller Größe "photo1.jpg," photo2.jpg, "etc..

Erstellen von Foto-Galerie in Flash 8

4 Starten Sie ein neues Dokument in Flash 8: Klicken Sie auf "File" Menü und wählen Sie "Neu." Dies öffnet das Dialogfeld "neues Dokument". Wählen Sie "Flash-Dokument" im Abschnitt "Typ" des Dialogfelds, und klicken Sie auf "OK".

5 Ändern Sie die Größe des Dokuments oder der "Bühne", auf die gewünschte Größe Ihrer Foto-Galerie: Klicken Sie auf "Bearbeiten" Menü und wählen Sie "Dokument." Dies öffnet das Dialogfeld "Dokumenteigenschaften". Geben Sie die gewünschten Breite und Höhe Abmessungen (in Pixel) in die entsprechenden Felder "Dimensionen". (Sie können auch die Hintergrundfarbe für die Bühne von "Hintergrundfarbe" Farbfeld Fly-Out ändern.)

6 Klicken Sie auf der Menüleiste auf "Datei", wählen Sie "Importieren" und wählen Sie dann im Untermenü "Import-Bibliothek". Navigieren Sie zu dem Ordner, in dem Sie Ihre Fotos gespeichert. Wählen Sie die Fotos (Strg + Klick jeweils bis sie alle ausgewählt sind), und klicken Sie auf "Öffnen".

7 Ziehen Sie die erste Miniaturansicht auf der Bühne, und platzieren sie Sie Ihre Vorschau-Liste zu beginnen. Beispielsweise wenn Sie die Miniaturansichten auf der linken Seite der Bühne ausrichten möchten, platzieren Sie es in der oberen linken Ecke.

8 Maustaste auf Bild 2 im Zeitleistenfenster und wählen Sie im Popupmenü "Schlüsselbild einfügen".

9 Ziehen Sie das erste Bild in voller Größe — derjenige, der ein Bild entspricht Sie gerade auf der Bühne platziert — und platzieren sie Sie Ihre Bilder in voller Größe angezeigt.

10 Zurück zu Bild 1, und wählen Sie die Miniaturansicht auf der Bühne. Maustaste darauf und wählen Sie "In Symbol konvertieren" aus dem Einblendmenü, in das Dialogfeld Symbol konvertieren zu öffnen. Geben Sie im Feld "Name" einen Namen für das neue Symbol, und klicken Sie auf das Optionsfeld "Button", um es auszuwählen. Klicken Sie auf "OK".

11 Das Symbol, das Sie gerade erstellt haben, und wählen Sie "Aktionen" aus dem Popup-Menü der rechten Maustaste, und geben Sie dann das folgende Skript in das Bedienfeld "Aktionen":

on(Release) {}gotoAndPlay(2)}

Dieses Skript macht die Miniaturansicht einer anklickbaren Schaltfläche. Wenn der Benutzer darauf klickt, wechselt der Film zum Bild 2, wo Sie die volle Größe-Version des ersten Bildes platziert.

12 Maustaste auf Bild 1 in das Schnittfenster und wählen Sie im Popup-Menü "Aktionen". Geben Sie das folgende Skript in das Bedienfeld "Aktionen":

Stop()GEHEN

Dieses Skript beendet einfach den Film in den ersten Frame.

13 Mit der rechten Maustaste Bild 2 in die Timeline Panel und Typ "stop();" im Bedienfeld "Aktionen" (ohne Anführungszeichen).

14 Wiederholen Sie diesen Vorgang für jedes Miniaturbild und entsprechende Bild in voller Größe. Zum Beispiel setzen Sie das zweite Bild in Bild 1. Umwandeln eines Schaltflächensymbols. Wenden Sie die ActionScript-Taste auf das Symbol wie folgt:

on(Release) {}gotoAndPlay(3)}

Ersetzen Sie diesmal die "2" in der Klammer hinter "GotoAndPlay" mit einer "3". Für den nächsten ein Bild und Bild in voller Größe setzen, ersetzen Sie die "2" mit einer "4'" und so weiter.

15 Legen Sie einen neuen Keyframe (mit der rechten Maustaste des Bild und wählen Sie "Schlüsselbild einfügen" aus dem Pop-up) für jede entsprechende Bild in voller Größe, und dann Stelle das Bild in voller Größe in diesem Frame. Beispielsweise legen Sie das zweite Bild in Frame 3, das vierte Bild in Frame 4 und so weiter. Achten Sie darauf, "stop();" setzen Maßnahmen in jedem neuen Keyframe.

16 Testen Sie den Film. Wenn Sie auf ein Vorschaubild klicken, sollte das entsprechende Bild in voller Größe auf der Bühne angezeigt werden.