Fotopräsentation 3
    
HOME
Beispiel  Download  ZURÜCK SITEMAP  

  Fotopräsenz 3   (Lösung mit Frameset + Navigation)

Eine Lösung mit 3 (bzw. 4) Frames. Im rechten Frame werden die Vorschaubilder angezeigt, im linken die Datei mit der Großansicht. Ein Anklicken eines Vorschaubildes bewirkt den Austausch der HTML-Datei im linken Frame.
Zusätzlich kann hier mit Navigationsbuttons 'geblättert' werden.


Hier das Beispiel Fotopräsenz V03 um ihre Fotoserien im Netz zu präsentieren:

Nachteilig ist, dss für jede Großansicht einen eigene HTML-Seite hergestellt werden muss.Eine gute Lösung für Seiten, wo neben dem Foto größere Textabschnitte angezeigt werden sollen.

Navigationsbuttons ermöglichen das Blättern vor, zurüch, zum ersten + zum letzten Bild.

Es kann eine zusätzlicher Frame (oben) für weitere Navigationsschaltflächen wie 'Impressum', 'Kontakt' ... oder für eine Titelgrafik eingebunden werden. 		   



   Zwei Optionen

2 Navigatonsmöglichkeiten (Selektion der Großansicht):
  • Miniansicht im Filmstreifen rechts anklicken
  • Mit JavaScript per Vor- und Zurück-Buttons
Automatisierte Navigation durch Vor- und Zurück-Buttons (JavaScript), möglich durch Dateinamen mit fortlaufender Nummerierung.

Beispiel ansehen
Hier wird ein Frameset mit 4 Frames verwendet:

Framenamen: oben, links, unten, rechts

  • Im Frame oben wird der Titel angezeigt.
  • Im Frame rechts wird die Vorschau angezeigt.
  • Im Frame links die HTML-Datei mit der Großansicht des Fotos.
  • Im Frame unten eine JS-Navigation zum Vor- und Zurückblättern.


   Vorteile:

  • Die Mini-Vorschaubilder laden wegen der geringen Bildsgröße schnell.
  • Der Besucher bestimmt selbst welches Foto er ansehen (laden) möchte.
  • 2 Navigations-Optionen
  • ausreichend Platz für Kommentare oder Bildbeschreibungen.

Es gibt also 2 Optionen die Großansicht eines Fotos anzuzeigen. Entweder durch Anklicken des Vorschaubildes (rechts) oder durch Anklicken der Navigationsbuttons (unten).

Wurde zuvor aus der Auswahl der Vorschaubilder irgendeine Großansicht gewählt, wird beim Klicken der Nav-Buttons von genau dort an weiter navigiert.

Bsp.: Wurde Vorschaubild 3 angeklickt und das Foto 3 wird angezeigt, zeigt der nächste Klick auf 'nächstes' das Foto 4.


   Nachteile:

  • Für jedes Bild muß ein Mini-Version hergestellt werden.
  • Für jedes Foto muss eine HTML-Datei erstellt werden.
Das sollte aber mit der vorhandenen Musterdatei reine Routinearbeit sein (Einfügen der Bild-URL + Speichern).


   Funktion

Ich habe zwei meiner Beispiele kombiniert und eine Lösung mit Frames hergestellt.

Die ursprünglichen Beispiele sind: Fotopräsentation 01    Menü Beispiel 12



Das Script für Menü 12 habe ich für eine Verwendung im Frameset angepasst. Die Fehler beim Weiterklicken beim angezeigten ersten oder letzten Bild wurden abgefangen.



ZIP-Datei 140 kB Das Beispiel mit sämtlichen Dateien können Sie hier als ZIP-Datei herunterladen (ca. 120 kB).







NACH OBEN