07.16
Über dieses Problem wird im Internet viel diskutiert bzw. es wird in vielen Foren, Blog´s usw. oft immer wieder die gleiche Frage gestellt: Warum sind Flash-Animationen immer im Vordergrund?
Dafür gibt es zwei unterschiedliche Lösungsansätze – je nach Einbau-Art.
1. Die Einbettung der Flash-Animation via OBJECT- / EMBED-Methode
Bei der Einbettung via OBJECT- / EMBED-Methode muss folgende Zeile Code eingefügt bzw. folgender Parameter (im EMBED-Tag) gesetzt werden:
Beispiel-Code:
- <PARAM NAME=”WMODE” VALUE=”transparent”>
- WMODE=”transparent”
Der komplette Beispiel-Code könnte nun wie folgt aussehen:
Beispiel-Code:
<OBJECT CLASSID=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ WIDTH=”300″ HEIGHT=”240″ CODEBASE=”http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0″>
<PARAM NAME=”MOVIE” VALUE=”example.swf”>
<PARAM NAME=”PLAY” VALUE=”true”>
<PARAM NAME=”LOOP” VALUE=”true”>
<PARAM NAME=”WMODE” VALUE=”transparent”>
<PARAM NAME=”QUALITY” VALUE=”high”>
<EMBED SRC=”example.swf” WIDTH=”300″ HEIGHT=”240″ PLAY=”true” LOOP=”true” WMODE=”transparent” QUALITY=”high” PLUGINSPAGE=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash”>
</EMBED>
</OBJECT>
WICHTIG: example.swf muss durch Ihre Datei bzw. durch den kompletten Pfad inkl. Datei ersetzt werden!
2. Die Einbettung der Flash-Animation via Javascript (SWFObject-Methode)
Bei der Einbindung der Flash-Animation via SWFObject-Methode muss zu die Javascript-Datei swfobject.js mit geladen werden. Dies empfiehlt sich bereits im HEAD-Bereich der HTML-Seite zu erledigen.
Download: swfobject.js (als zip-File, 2,5 KB)
WICHTIG: Beim nachfolgenden Beispiel-Code ist im src-Parameter der Pfad zu Ihrem Javascript-Verzeichnis anzugeben (inkl. Datei – example/js/ muss ggf. ersetzt werden)!
Beispiel-Code:
<head>
…
<script type=”text/javascript” src=”example/js/swfobject.js”></script>
…
</head>
Ist das erledigt kommt nun der eigentliche Teil der Einbindung. Folgender Code muss an die Stelle, wo auch die Flash-Animation ablaufen soll, eingebunden werden:
Beispiel-Code:
<div id=’introWrapper’>
<script type=”text/javascript”>
var so = new SWFObject ( “example.swf”, “intro”, “600″, “400″, “8″, “”, true );
so.addParam ( “wmode”, “transparent” );
so.write ( “introWrapper” );
</script>
<noscript>
Bitte aktivieren Sie in Ihrem Browser Javascript, um diese Seiten in vollem Funktionsumfang nutzen zu können.
</noscript>
</div>
Wichtig hierbei ist, dass das ganz in einen DIV-Tag hineinplatziert wird und dieses DIV-Tag ein eindeutige ID bekommt. Diese ID muss dann auch im Javascript-Code eingetragen werden (in diesem Fall: introWrapper – muss ggf. angepasst werden).
Beispiel-Code:
- so.write ( “introWrapper” );
WICHTIG: example.swf muss durch Ihre Datei bzw. durch den kompletten Pfad inkl. Datei ersetzt werden!
Die eigentlich wichtige Code-Zeile, um die Flash-Animation in den “Hintergrund” zu verbannen, ist folgender:
Beispiel-Code:
- so.addParam ( “wmode”, “transparent” );
Bleibt noch der noscript-Bereich: Dieser sollte mit eingebaut werden, um User die kein Javascript aktiviert haben, auch entsprechend darauf hinzuweisen, das ein entsprechender Inhalt vorhanden ist.
No Comment.
Add Your Comment