superposition html sur flash

Version imprimable

02/04/2007, 11h54
eveilside

superposition html sur flash

Bonjour a tous !

est ce quelqu'un pourrait me dire comment faire pour superposer une anim flash et du html-->le html au dessus du flash.Si cela est possible car pas moyen de trouver la reponse.

J'ai essayé avec les <div> en jouant avec les index et les position mais cela ne fonctionne pas.:cry:

@+
02/04/2007, 15h31
haltabush

Il faut que le fond de ton swf soit transparent :)
wmode=transparent, si je me souviens bien.
02/04/2007, 15h57
sanosuke85

Bonjour,

Je suis pas sur que la tranparence soit le souhait, surtout si son fond doit être plein et que l'html doit être au dessus du flash.

Peut-être qu'avec du javascript on peut le mettre par dessus.

Sinon par CSS on doit pouvoir trouver quelque chose de correct avec un <div> pour ton animation flash, et un <div> avec le contenu en position:absolute;

Essaies de partir sur ces pistes ;)
03/04/2007, 08h59
haltabush

Sauf erreur, la transparence est une condition nécessaire; la superposition de html au dessus du Flash n'était pas possible dans la version 8 du player flash : le fait que al transparence soit obligatoire doit être un léger bug restant ^^
04/04/2007, 10h58
bigben

Je confirme, la transparence est obligatoire (wmode="transparent").
Ensuite il suffit effectivement de mettre une <div> en position absolute.

Par contre, si le flash contient des zones de saisie (TextField), la transparence empêche cette saisie sous Firefox...
30/04/2007, 16h00
Garra

Animation Transparente sur Firefox ne marche pas

Bonjour :D

Citation:

Par contre, si le flash contient des zones de saisie (TextField), la transparence empêche cette saisie sous Firefox...

Comment on fait sur Firefox????, car j'ai créé une animation transparente où petit objet parcourt la page mais sur Firefox plus rien n'est cliquable, mes menus, etc. comment faire?

Est-ce qu'il ne faut pas que j'utilise cette animation sur Firefox??????? :(

merci!!!!
01/05/2007, 01h19
Neroptik

Citation:

Envoyé par haltabush

Sauf erreur, la transparence est une condition nécessaire; la superposition de html au dessus du Flash n'était pas possible dans la version 8 du player flash : le fait que al transparence soit obligatoire doit être un léger bug restant ^^

8O et sur mon site ? mes champs de connexion en haut a droite sont dans une div (html !) et sont superposées au dessus e mon animation flash...
http://neroptic.free.fr
01/05/2007, 01h22
Neroptik

Si mes souvenirs sont bons il faut mettre ce parametre a ton "Object" qui contient ton flash :

Code:

<param name="wmode" value="opaque" />

et jouer avec le "position" de ta div
01/05/2007, 10h57
Garra
Bonjour et merci :D

Mais j'ai compris que mon problème se trouve sur la DIV car si laisse seulement la div sans l'animation, j'ai le même problème (toujours sur FF pas sur IE), c'est à dire que j'ai une div qui couvre tout le site car l'animation s'agit d'un petit element qui parcourt la page pour se place à la fin à droite de celle-ci.

Ma div est comme ceci:
Code:

1 2 <div id="flashcontent" style="position:absolute; top:0px; width:900px; height:600px; z-index:1; ">
Ma div se place bien, mon anim est bien transparente tout se passe bien sauf ce problème sur Firefox où mes champs et lien ne sont plus accessibles.

Merci de me dire si on peut faire quelque chose pour ressoudre ce problème!!!
01/05/2007, 11h01
Garra

Citation:

Envoyé par Neroptik

8O et sur mon site ? mes champs de connexion en haut a droite sont dans une div (html !) et sont superposées au dessus e mon animation flash...
http://neroptic.free.fr

si j'ai bien compris tes champs sont SUR l'animation alors que mon cas c'est le contraire.;)

hop j ai un peu le meme probleme

voici mon div

Code:

1
2
3
4
5
6
7
<div id="global">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="749" height="480">
  <param name="movie" value="main.swf">
  <param name="quality" value="high">
  <param name="wmode" value="transparent" />
  <embed src="main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="749" height="480"></embed></object>
</div>

et mon css :

Code:

1
2
3
#global {
     position:absolute;
    	 }

comment faire pour mettre un texte genre blabla sur lanim flash?

merci davance!!!!

Il te suffit de mettre ton texte dans une div que tu place au dessus de ton flash (position:absolute;margin...... et tu a deja mis le "param wmode" pour ton Objet donc c'est bon. (tu peut aussi mettre opaque comme wmode).

Code:

1
2
3
4
5
6
7
8
<div id="global">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="749" height="480">
  <param name="movie" value="main.swf">
  <param name="quality" value="high">
  <param name="wmode" value="transparent" />
  <embed src="main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="749" height="480"></embed></object>
</div>
<div id="montexte">Mon Texte</div>

Code:

1
2
3
4
5
6
7
#global {
position:absolute;
}
#montexte {
position:absolute;
top:0px;  //si ton animation flash est en haut de page sinon tu doit positionner correctement ta div.
}

23/05/2007, 17h00
jul.oob

merci ca a lair de fonctionner:)

merci pr ta reponse Neroptik

jai un peu bidouille le truc jai mi une image en gif fond transparant dessus ca fonctionne pas mal du tout sous ie ms sous firefox pas dimage...

une idee?

CSS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#global {
position:absolute;
     left: 50%; 
     top: 50%;
     width: 756px;
     height: 480px;
     margin-top: -240px; /* moitié de la hauteur */
     margin-left: -378px; /* moitié de la largeur */
     border: 0px solid #000;
}
#montexte {
position:absolute;
     left: 50%; 
     top: 50%;
     width: 768px;
     height: 488px;
margin-top: -244px; /* moitié de la hauteur */
margin-left: -384px; /* moitié de la largeur */
}

PAGE

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div id="global">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="756" height="480">
  <param name="movie" value="main.swf">
  <param name="quality" value="high">
  <param name="wmode" value="transparent" />
  <embed src="main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="756" height="480"></embed></object>
</div>
 
 
<div id="montexte">
<table cellpadding="0" cellspacing="0" border="0" width="768" height="488">
<tr>
<td height="4" width="6"  bgcolor="#FFFFFF"></td>
<td  bgcolor="#FFFFFF"></td>
<td height="4" width="6"  bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td  bgcolor="#FFFFFF"></td>
<td><img src="main_transparent.gif" width="756" height="480"></td>
<td  bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td height="4" width="6"  bgcolor="#FFFFFF"></td>
<td  bgcolor="#FFFFFF"></td>
<td height="4" width="6" bgcolor="#FFFFFF"></td>
</tr>
</table>
 
 
</div>

24/05/2007, 09h51
Neroptik

Tu peut essayer de jouer avec les z-index... mais sinon je vois pas :?
24/05/2007, 15h31
jul.oob

z index?c du css ca?ca marche cmt?

apres avoir farfouille jai essaye avec les zindex mais ca ne fonctionne pas non plus...:s

je met mon css au cas ou jai fais une betise...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
#global {
position:absolute;
     left: 50%; 
     top: 50%;
     width: 756px;
     height: 480px;
     margin-top: -240px; /* moitié de la hauteur */
     margin-left: -378px; /* moitié de la largeur */
     border: 0px solid #000;
	 z-index: 1;
 
}
#montexte {
position:absolute;
     left: 50%; 
     top: 50%;
     width: 768px;
     height: 488px;
margin-top: -244px; /* moitié de la hauteur */
margin-left: -384px; /* moitié de la largeur */
z-index: 2;
 
}

l autre code n a pas change