Flash mit SWFObject valide einbinden
Anzeige Hier werben
SWFObject ist ein Javascript, welches einerseits auf das aktuelle Flash Plugin prüft und andererseits Flashfilme valide in (x)html Seiten einbindet.
SWFObject kann hier heruntergeladen werden: http://blog.deconcept.com/swfobject/swfobject.zip
Es sind wenige Schritte notwendig, um mit SWFObject swfs einbinden:
1. folgendes Javascript in den <head> der (x)html Datei einbinden
1 | <script type="text/javascript" src="swfobject.js"></script>
|
2. An der Stelle im <body>, an der nachher das *.swf erscheinen soll, muss folgendes div mit der id flashcontent eingebunden werden:
1 | <div id="flashcontent">Hier den alternativen xhtml Code angeben, falls kein Flashplugin installiert ist</div>
|
3. das Javascript mit den Informationen zu der *.swf direkt darunter einbinden:
1 2 3 4 | <script type="text/javascript">
var so = new SWFObject("deineswfmovie.swf", "deinswfname", "550", "400", "8", "#FFFFFF");
so.write("flashcontent");
</script>
|
In diesem Javascript des SWFObjects müssen folgende Werte angegeben werden:
1 | SWFObject(swf, id, width, height, version, background-color [, quality, xiRedirectUrl, redirectUrl, detectKey]);
|
| swf | der Pfad zur*.swf |
| id | id-name der swf |
| width | Breite der swf |
| height | Höhe der swf |
| version | benötigte Flashplayer Version z.B. 6.0.65 |
| background-color | Hintergrundfarbe des swfs |
1 | so.write("flashcontent");
|
sagt dem Javascript das die swf an Stelle des <div id="flashcontent"></div> eingebunden werden soll...
weitere Informationen auf der Seite von deconcept
graphic, motion & web design - kernreaktor - mutter kind turnen
Profilseite betrachten
Was passiert ohne Flash-Plugin?
Das div, dessen Inhalt ersetzt wird, sollte man nützen, um eine nicht-flash Version anzubieten - wo das möglich ist.
Bei einer reinen Animation könnte das ein animiertes gif oder ein standbild sein:
<div id="flashcontent"><img src="ani.gif" /></div>Bei einer Flash-Applikation für einen Shop könnte es ein einfaches Bestellformular sein:
<div id="flashcontent"><h1>Bestellung</h1><p>Unser Shop ist in Flash programmiert, ohne Flash können Sie aber trotzdem bestellen:</p><form src="bestell.php"><input name="anzahl" />Stück ...</form></div>Ein Beispiel für diese Vorgehensweise findet ihr auf mediacube.at.
Die schlechteste Lösung ist es sicher, dass div leer zu lassen oder eine Gemeinheit rein zu schreiben:
<div id="flashcontent">ohne Flash geht's nicht weiter</div>(Das ist ein bisschen so, als würde ich eine Treppe vor die Eingangstür meines Shops bauen, und dann noch ein Schild dazu stellen: "mit rollstuhl geht's hier nicht weiter". nach dem motto: ich weiss, dass ich Dich ausschliesse, und ich mach es mit Absicht.)
Re: Was passiert ohne Flash-Plugin?
danke
stimmt das ist richtig, den aspekt hab ich in dem artikel nicht berücksichtigt --> werd es in den artikel aufnehmen...