Roberts Fotogalerie

Eine Anleitung zur Benutzung dieser Fotogalerie findet Ihr am Ende der Seite.



Höhlen in Frankreich




Höhlen in Deutschland




Spaziergänge und Sonstiges




Silke und Freunde







Anleitung


Mausbewegung

Diese Galerie beruht darauf, daß man mit der Maus über Bereiche der Seite fährt. Bereits ohne einen einzigen Klick kann man einen guten Überblick über alle verfügbaren Bilder erhalten. Zuerst fährt man eine der bräunlich hinterlegten Überschriften an, dann "schwebt" man in der sich öffnenden Galerie über den Miniaturbildern, um diese in mittlerer Größe zu begutachten. Ein Klick öffnet dann das Bild in höherer Auflösung.

Probleme und Alternativen

In langen Galerien kommt man auf dieser Seite nur mit dem Mausrad bis unten, und da die Galeriemenüs nach dem Verlassen der Ansicht voller Auflösung schließen, kann das ein wenig unpraktisch werden. Wer kein Rad an der Maus besitzt oder mehrere Bilder einer Galerie in beliebiger Reihenfolge ansehen will, sollte auf der Galerieüberschrift klicken statt abwärts zu fahren, dann öffnet der Galerieinhalt in einer eigenen Seite (zurück kommt man von dort über den Back-Knopf des Browsers).

Diese Seite ist so designt, daß alles in einem Firefox, der auf einem 1024x768-Pixel-Bildschirm maximiert wurde, gerade so hinpaßt. In kleineren Fenstern brechen die Galerieköpfe nochmal um, die Galerieoberkanten orientieren sich aber nach wie vor am Zeilenbeginn - unpraktisch. Tut mir Leid, WAP-Quatsch muß draußen bleiben.

Die Großansicht und Skripting

Falls Javascript abgeschaltet ist, öffnet der Browser das Bild direkt, ein Einpassen in das verfügbare Fenster muß dann der Browser selbst übernehmen (was bei Firefox bisher am angenehmsten gelöst ist; auch hier kommt man zurück über den Back-Knopf des Browsers).

Mit aktiviertem Javascript öffnet ein notfalls herunterskaliertes Ansichtsfenster mit Navigationsschaltflächen. Hier kann man auch nach links oder rechts blättern, indem man auf dem linken oder rechten Drittel des Bildes selbst klickt, ein Klick in dem mittleren Drittel schließt das Bild. Auch mit der Tastatur kann man navigieren (Pfeiltasten) oder die Ansicht verlassen (Esc-Taste).

Bildqualitäten

Im allgemeinen stelle ich die Bilder für die Großansicht mit 1024x768 Pixeln auf den Server, das System kommt aber mit beliebigen Größen klar. In seltenen Fällen sind zusätzlich die Originale voller Auflösung online, diese erhält man, indem man in der Großansicht Strg-F drückt. Vorkehrungen, um bequem alle Bilder einer Galerie downzuloaden, biete ich bewußt nicht an.

Zusatzinformationen

Jedes Bild kann zusätzliche Informationen mitbringen: Von mir vergebene Kommentare, den Originaldateinamen, den Zeitpunkt der Aufnahme, das Kameramodell und einige fotografische Parameter. Der Kommentar erscheint als 'tooltip', wenn man in der Galerieansicht mit der Maus über einem Vorschaubild verharrt, und in der Fußzeile der Großansicht (sofern scripting aktiv ist). Der Rest der Metadaten wird, solange der Platz in der Fußzeile ausreicht, dort links und rechts vom Kommentar dargestellt und auch als 'tooltip' im mittleren Bilddrittel. Diese Daten müssen bei der Galerieaufbereitung im Html-Code abgelegt worden sein, daher können sie bei älteren Galerien oder besonderen Bildern auch fehlen.

Videoclips

Auch ein paar kleine Filmchen könnten sich in die Galerien einschleichen, sie werden mit einem beim Überfahren vergrößerten Vorschaubildchen angeboten wie Bilder auch. Als Unterscheidungsmerkmal ist der Rand orange statt grau. Beim Klick geht in der gewohnten Großansichtsbox ein eingebetteter WMP auf, falls das Plugin installiert wurde (Falls nicht würde ich Windows Media Lite 2.40 empfehlen, welches auch bei einem mit nLite feste abgespecktem XP greift). Bei abgeschaltetem Skripting wird einfach der Download der Datei angeboten.

Browser und Standardkonformität

Das ganze funktioniert nur in standardkonformen Brausern - gerade bei Cascading Stylesheets macht Internet Explorer was er will, und dafür opfere ich keine Zeit. IE7 soll da besser geworden sein, aber testen werde ich das nicht. Wenn das hier alles arg komisch aussieht - besorgt Euch einen vernünftigen Brauser wie Firefox (mit NoScript selbstverständlich) oder Opera... Safari und Konqueror sollten auch gute Karten haben, werden aber ebenfalls nicht getestet - sorry. Über Rückmeldungen von Benutzern seltenerer Browser freue ich mich dennoch.

Verwendete Techniken

Die CSS-Techniken für mouse-over sind abgewandelt von einfacheren Beispielen auf Stu Nicholl's CSSPlay, Copyright © Stu Nicholls. Die gescriptete Großansicht ist eine verbesserte Thickbox, Copyright © Cody Lindley. Alle Rechte an den Verbesserungen liegen bei mir: © 2007 Robert Heinig.

Rechtlicher Hinweis

Alle Fotografien auf dieser Webseite sind urheberrechtlich geschützt und soweit nicht anders angegeben Eigentum von Robert Heinig. Jede Art der Vervielfältigung und Weiterverarbeitung bedarf der ausdrücklichen Genehmigung des Autors.