Monatsarchiv für August 2007
Flash Fullscreen Button - Flash Vollbild-Bildbetrachter Version II
UPDATE: 12-08-08
Es lassen sich jetzt verschiedene Hintergrundfarben wählen!
Im letzten Beitrag konnte man über meinen Flash Vollbild-Bildbetrachter lesen… Jetzt gibt es eine neue, erweiterte Version.
Der Flash-Button wird direkt in die Seite eingebettet. Das hat den Vorteil, nur noch einen KLICK tätigen zu müssen. Aber der Reihe nach!
Die alte Version startete das SWF-File in einem Popup-Fenster. Da Flash es nicht erlaubt, ohne eine eindeutige Nutzer-Interaktion den Vollbildmodus im Browser zu starten, war mindestens ein weiterer Klick fällig. Das kann so umgangen werden.
Ist Flash nicht installiert, sorgt SWFObject dafür, dass eine entsprechende Meldung ausgegeben wird, und den Besucher darauf hinweist, den Flashplayer zu installieren.
Der Flashbutton wird jetzt in meiner Coppermine-Galerie zentral über dem Bild angezeigt.
Hier kann man das beispielsweise ausprobieren!
Verwendung
- Die Dateien swfobject.js und vollbild_button.swf müssen in einem Ordner sein!
- Der Flash-Button muss in die Seite mittels SWFObject eingebettet, und die Parameter an vollbild_button.swf übergeben werden!
Parameter
Im Moment erwartet die Flash-Anwendung nur die URL des anzuzeigenden Bildes. Vorschaubilder und Titel wurden weggelassen, da es irgendwie aufgeräumter wirkt.
Einbau in eine HTML-Seite
In den Kopf (head) muss auf die swfobject.js verwiesen werden. (eventuell den Pfad zu swfobject.js anpassen)
An der Stelle, wo der Flashbutton auftauchen soll, muss die <div> für swfobject stehen. Der Text innerhalb <div> wird angezeigt, falls kein passender Flashplayer installiert ist.
Hier ist es ein Link zum Download des Flashplayers, mit einem entsprechenden Hinweis.
Der Inhalt von flashcontent wird dann mit Javascript festgelegt!
Zeile 2 legt ein neues SWFObject an, dafür ist die swf-Datei, ein Titel, die Breite und die Höhe als Angabe erforderlich. Zusätzlich wird die erforderliche Version von Flash (9) und die Hintergrundfarbe festgelegt.
Zeile 3 ist nötig für den Vollbild-Modus von Flash!
Zeile 4 übergibt die URL des anzuzeigenden Bildes. In dem Fall “{IMAGEURL}” (vorher in PHP/Coppermine festgelegt)
5+6 werden im Moment noch nicht beachtet.
7 fügt die Flash-Datei (den Button) passend ein.
To-Do
- Resizing: Wenn ein für den Bildschirm zu großes Bild geladen wird, sollte es neu gerechnet werden. Nur Skalieren resultiert in einem nicht perfekten Bild!
- Navigations-Buttons: in der Coppermine-Galerie wäre eine weiter/zurück Funktionalität für die Bilder im Album eine perfekte Ergänzung!
- EXIF-Informationen: eventuell als Tooltip oder extra POP-Up Fensterchen…
Ich bin für alle Vorschläge zu haben und dankbar!!!
Download
Version 0.2 vollbild_button.swf (gepackt als zip)
Changelog 0.2:
- Hintergrundfarben auswählbar
Flash Vollbild-Bildbetrachter
UPDATE 12-08-2008
Es gibt eine neue Version! Realisiert als Flash-Button mit weniger KLICKs
Ich persönlich sehe mir Bilder am liebsten ohne Schnörkel und ablenkendes außen herum auf dem kompletten Monitor an. So kann das Bild für mich am besten wirken.
Galerien, Blogs und Foren wimmeln aber von ablenkenden Inhalten, das Betrachten der Bilder fällt mir dadurch nicht leichter.
Ich habe darum einen kleinen Vollbild-Bildbetrachter gebastelt. Lightbox und Konsorten sind schon sehr ordentliche Möglichkeiten, aber mit Javascript/Ajax kann das Bild leider nicht über die Browsergrenzen hinweg angezeigt werden! Flash hingegen bringt einen echten Vollbild-Modus mit, der Grund für die Umsetzung in Flash!
Wie das ganze aussieht kann in meiner Galerie begutachtet werden. Unter jedem Foto gibt es einen Link zu der Flash-Anwendung. Das Bild wird geladen und kann nach Knopfdruck bildschirmfüllend angesehen werden.
Download
- Das Programm selbst gibt es hier zum download: vollbild.swf (rechte Maustaste - speichern unter)
- Diese werden optimaler weise per Javascript übergeben. Dafür benötigt man SWFobject, eine in Javascript geschriebene Möglichkeit Flash-Filme einzubinden.
- Die Datei embedded.html (rechte Maustaste - speichern unter) ist eine auf vollbild.swf zugeschnittene HTML-Datei.
vollbild.swf erwartet beim Auffruf mehrere Parameter, um das Bild korrekt darzustellen.
Embedded.html muss mit den nötigen Parametern aufgerufen werden, und das Bild wird im Flash-Player geladen.
Die Dateien embedded.html, vollbild.swf sowie swfobject.js müssen im gleichen Verzeichnis liegen, um zu funktionieren!
Parameter
embedded.html erwartet folgende Parameter:
imgUrl: die URL des anzuzeigenden Bildes.
thumbUrl: die URL eines Vorschaubildes.
exifData: wird noch nicht genutzt!
title: Der Titel des Fotos.
Sollte das kleine Programm gefallen und eventuell sogar genutzt werden, hinterlasst bitte hier einen Kommentar, damit ich es mir anschauen kann
Der Vari
Beim Besuch im Tierpark Berlin saßen wir auch eine Weile im Vari-Gehege. Varis sind Halbaffen aus Madagaskar, und diese laufen in ihrem Gehege frei herum, ein Streichelzoo mit Affen sozusagen.
Kati gab einem davon die Hand, eine Annäherung, die ihr wohl noch eine Weile im Gedächtnis bleiben wird. Vielleicht kann das Bild diesen Moment rüberbringen…
(ins Bild klicken um zum Album zu gelangen!)
Ein Besuch im Tierpark Berlin
Da war ich nun endlich mal im Tierpark Berlin! Das erste mal muss das kurz nach der Maueröffnung gewesen sein. Ich war ziemlich jung, und kann mich an fast nix erinnern.
Was soll man sagen, es ist groß, es gibt viel zu sehen, und das Freigehege der Varis ist natürlich ein Hammer!
Natürlich habe ich viele Fotos da gemacht, ich sichte sie noch, aber mit der Zeit werden sie hier zu sehen sein.
In meinem Fotoalbum zum Tierparkbesuch.
Andreas
Ana und Niklas haben geheiratet
…
und ich durfte die Fotos machen 
Die Bilder können in meiner Galerie in aller Seelenruhe betrachtet werden. Ich freue mich über jeden Kommentar, jede Rückmeldung. In meinen Augen sind einige wirklich schöne Bilder raus gekommen 
Es sind sehr viele Bilder (530 wenn ich mich nicht verzählt habe), also etwas Zeit mitnehmen.
Hier geht es zum Album vom Freitag, dem Tag im Standesamt
Hier geht es zum Album vom Samstag, dem Tag der kirchlichen Trauung
Das Passwort ist natürlich nicht hier niedergeschrieben. Sollte es jemandem fehlen bitte ich denjenigen mich per Email zu kontaktieren!
Nach Absprache mit Ana&Niklas wird es eventuell später noch eine Möglichkeit geben persönliche Favoriten direkt entwickeln zu lassen. Das kann ich aber noch nicht versprechen 
Bis später


