Text über Flashanimation lagern
Dieter
- html
Hallo,
ich versuche gerade einen Text über eine Flashanimation zu lagern, komm aber nicht wirklich weiter.
Also:
Ich hab ein Grafik als Hintergrund für das Logo. Über diese Grafik steht dann unter anderem der Seitennamen etc.
Dies sieht in etwa so aus:
<div id="logo">
<h1 class="slogan">www.url.de</h1>
</div>
In logo ist dann als background die entsprechende jpg-Grafik angegeben.
So, nun wollte ich etwas Bewegung ins Logo bringen und habe als Ausgang die jpg-Grafik verwendet.
Diese soll nun das Hintergrundbild überlagern, sofern Flash aktiviert ist, dennoch soll weiterhin der slogan (www.url.de) zu sehen sein.
Sieht in etwa so aus:
<div id="logo">
<div id="flashlogo"><!-- Flashcode --></div>
<div id="textueberflash"><h1 class="slogan">www.url.de</h1></div>
</div>
Naja leider klappt es noch nicht so wie gewollt, www.url.de steht nun unterhalb der Flash-Animation.
Also hab ich mit verschiedenen absoluten Positionierungen rumgespielt, komm aber zu keinem zufriedenstellendem Ergebnis.
Hab z.B. folgendes:
<div id="logo"
<div style="position: absolute; top: 0px; z-index:1;">
<!-- Flashcode -->
</div>
<div style="position: absolute; z-index:2;">
<!-- url.de -->
</div>
</div>
Dann wird es im IE 6 wie gewünscht dargestellt, im Firefox 2.x aber leider nicht.
Wäre nett wenn mir jmd. weiterhelfen könnte.
PS:
Hab beim Flashcode <param name="wmode" value="opaque" /> angeben.
MFG
Dieter
Wenn ich dich richtig verstehe sprichst du das alte leidige Thema mit "Macromedia über alles" (cheatah, I guess) an.
Hast du mal den wmode auf Transparent gesetzt? Denn wenn man in google nach WMODE TRANSPARENT FLASH schaut findet man so endlos viele Einträge zu diesem Problem, dass man garnicht so viel essen kann wie man kotzen möchte.
grüsse
Hallo,
Wenn ich dich richtig verstehe sprichst du das alte leidige Thema mit "Macromedia über alles" (cheatah, I guess) an.
Ja leider.
Hast du mal den wmode auf Transparent gesetzt?
Also der Code sieht so aus:
<div style="position: absolute; z-index:999;">
<h1>Ein Text</h1>
</div>
<div style="position: absolute; top: 0px; z-index:1;">
<object classid="clsid:1234-1234-1234-1234-1234"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
width="850" height="221">
<param name="movie" value="logo.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
<embed src="logo.swf" quality="high" bgcolor="#ffffff" width="850" height="221" type="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
</div>
Unter IE 6 klappts wie gewünscht, unter FF 2.x leider nicht.
denn wenn man in google nach WMODE TRANSPARENT FLASH schaut findet man so endlos viele Einträge zu diesem Proble
Ja das stimmt, leider hab ich unter denen noch nichts gefunden was weiterhilft.
MFG
Hallo,
ich hasse Flash....
Es liegt daran, wie man Flash einbindet.
Richtig ist:
<div style="position: absolute; z-index:999;">
<h1>Ein Text</h1>
</div>
<div style="position: absolute; top: 0px; z-index:1;">
<object width="850" height="221" data="logo.swf" type="application/x-shockwave-flash">
<param name="movie" value="logo.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
</object>
</div>
Folgende Seite hat weitergeholfen:
http://dciwam.de/faq/html/flash-einbinden
MFG