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
