Comment mettre un flash en arrière plan ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Comment mettre un flash en arrière plan ?

briceboursica

Tout est possible...

En fait, j'ai une animation flash (réalisée en faire avec swich) qui s'affiche sur une page. Jusque là, no problemo.
Ensuite, j'ai une image gif, complètement indépendante qui s'affiche de temps en autre en fonction de certains critères. Idem avec parfois des petites question avec un div en position absolue.

Mon problème est que l'animation flash passe toujours en avant plan et quelque soit les valeurs z-index de l'un ou de l'autre... N'étant pas un grand spécialiste des animations flashs (car je ne suis pas graphiste), je ne comprend pas pourquoi l'object contenant l'animation passe toujours devant tout sans respecter le z-index...

Voici un exemple de source :

Code :

<img src='mon_image.gif' border=0 style='position:absolute;top:2px;left:0px;z-index:0'>
<object style='position:absolute;top:15px;left:5px;z-index:1'
classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,42,0'
id=A123456 width=500 height=80>
<param name=movie value='mon_anim.swf'><param name=quality value=high>
<embed name='A123456' src='mon_anim.swf' quality=high width=500 height=80
type='application/x-shockwave-flash'
pluginspage='http://www.macromedia.com/go/getflashplayer'></embed>
</object>

Bref, comment faire pour que l'image gif soit affiché DEVANT l'animation flash ?
(idem pour un div contenant un formulaire par exemple)

Merci d'avance à ceux qui m'aiderons et bonne année à tous !

Message édité par briceboursica le 09-01-2007 à 16:50:12

---------------
Brice de www.boursica.com

Publicité

Pyksel

Locker fou !

Ajoute cette ligne dans ton <object>

Code :

<param name="wmode" value="transparent">

---------------
Rien est impossible, il suffit d'y croire !

FlorentG

Là déjà ton flash à un z-index supérieur au gif, donc c'est normal qu'il s'affiche devant :

Code :

<img .... z-index: 10" />
<object .... z-index: 1">

Message cité 1 fois

Pyksel

Locker fou !

FlorentG a écrit :

Là déjà ton flash à un z-index supérieur au gif, donc c'est normal qu'il s'affiche devant :

Code :

<img .... z-index: 10" />
<object .... z-index: 1">

Avec ma ligne peu importe l'index du div ou de l'image...

Message cité 1 fois

---------------
Rien est impossible, il suffit d'y croire !

briceboursica

Tout est possible...

Royal ! :bounce:

le <param name="wmode" value="transparent"> est en fait la chose qui rend l'animation "normale" et lui fait respecter les plans...

quand au z-index, oui, merci aussi FlorentG, j'en avais essayé de toutes sortes, sans succès car je ne connaissait pas le param Pyksel que je remerci aussi ! D'ailleurs, même si je retire tous les z-index, à présent ça fonctionne....
Comme quoi on peu passer un temps fou à chercher un truc tout bête...

Merci encore.

Message cité 1 fois

---------------
Brice de www.boursica.com

Pyksel

Locker fou !

briceboursica a écrit :

Que du bonheur un foromeur heureux... Moi je pense que craps_youpla peut nous faire un exposé plus approfondi du bordel des param... Contacte le de ma part mais fait gaffe il mord parfois

---------------
Rien est impossible, il suffit d'y croire !

Pyksel

Locker fou !

Code :

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

Marche trés bien aussi... CF la doc...

---------------
Rien est impossible, il suffit d'y croire !

FlorentG

Pyksel a écrit :

Avec ma ligne peu importe l'index du div ou de l'image...

Ah Pas cool si on veut intervertir les deux suivant le cas. Enfin maintenant là on s'en fout vu qu'il ne doit gérer que les images au-dessus du flash.

Marrant en tous cas qu'il faille passer par ça, les positions absolues et les z-index devant normalement faire l'affaire, selon la recommendation CSS. Encore Flash qui fout la merde

briceboursica

Tout est possible...

merci à tous, oui très heureux d'avoir résolu ce petit blème et avec opaque c'est encore mieux car il respecte le fond de l'animation.
et je suis d'accord sur le fait que normalement le css devrait être respecté...

---------------
Brice de www.boursica.com

FlorentG

Ok, en fait le paramètre wmode rend le flash "windowless", du coup il peut être mis en-dessous d'autres éléments.

C'est le même problème qu'avec <select> sous IE6, impossible de le mettre en-dessous de quelque chose. IE7 a corrigé la chose heureusement.

Message cité 1 fois

Publicité

gatsu35

Blablaté par Harko

[:hahaguy] tu ne le savais meme pas

FlorentG

J'avais oublié [:hahaguy]

gatsu35

Blablaté par Harko

FlorentG a écrit :

Ok, en fait le paramètre wmode rend le flash "windowless", du coup il peut être mis en-dessous d'autres éléments.

Good Job

FlorentG a écrit :

C'est le même problème qu'avec <select> sous IE6, impossible de le mettre en-dessous de quelque chose.

Ou en faisant passer une iframe dessous.
Tiens j'ai developpé cet objet qui génère une iframe seulement pour IE (pour IE7 faudra juste sortir une règle en plus)

Code :

/* genere une iframe pour faire passer les divs par dessus des selects sous IE */
var ifrlayer = {
make:function(obj) {
if(!obj) return; obj = (typeof(obj)=="string" ) ? document.getElementById(obj) : obj; if(!obj) return;
if(document.all && window.print && !window.opera && document.getElementById && !obj.iframelayer ) {
if(obj.parentNode && !obj.iframelayer) var ifr = obj.parentNode.insertBefore(document.createElement("iframe" ), obj);
if(obj.currentStyle.zIndex != "" && parseInt(obj.currentStyle.zIndex)>1 ) {
ifr.style.zIndex = parseInt(obj.currentStyle.zIndex)-1;
}
ifr.src = "javascript:false";
with(ifr.style) {
filter = "mask()";
position = "absolute";
}
obj.iframelayer = ifr;
}
if (obj.iframelayer) {
with(obj.iframelayer.style) {
width = obj.offsetWidth+"px";
height = obj.offsetHeight+"px";
visibility = "visible";
}
ifrlayer.move(obj)
}
},
hide:function(obj) {
if(!obj) return; obj = typeof(obj)=="string" ? document.getElementById(obj) : obj; if (!obj) return;
if(obj.iframelayer) {
obj.iframelayer.style.visibility="hidden";
}
},
move:function(obj) {
if(obj && obj.iframelayer) {
with(obj.iframelayer.style) {
top = obj.offsetTop+"px";
left = obj.offsetLeft+"px"
}
}
}
}

ifr.make(monelement_ou_un_id) => génère automatiquement une iframe sous l'élément
ifr.hide(monelement_ou_un_id) => cache l'iframe (à utiliser après que l'élément a été caché)
ifr.move(monelement_ou_un_id) => déplace l'iframe lorsque l'on déplace l'élément

ex :

Code :

var mondiv = document.getElementById("lediv" )
mondiv.style.display = "block";
firlayer.make(mondiv);
mondiv.style.display = "none";
ifrlayer.hide(mondiv);
mondiv.style.top = "400px";
ifrlayer.move(mondiv);
mondiv.style.height = "250px";
ifrlayer.make(mondiv);

exemple simple :
sur la Fnac clique ICI
attend que la page soit chargée, clique sur l'image du produit et déplace le bloc. (Teste sous IE bien sur )

FlorentG a écrit :

IE7 a corrigé la chose heureusement.

En mode strict seulement, en mode quirks c'est Go back to IE and Go Fuck Yourself

Message cité 2 fois

FlorentG

gatsu35 a écrit :

Ou en faisant passer une iframe dessous.
Tiens j'ai developpé cet objet qui génère une iframe seulement pour IE (pour IE7 faudra juste sortir une règle en plus)

YOU'RE TEH MIGHTY IE FUCKER [:hahaguy]

Message cité 1 fois

gatsu35

Blablaté par Harko

FlorentG a écrit :

YOU'RE TEH MIGHTY IE FUCKER [:hahaguy]

YOU'RE THE RECEIVER [:hahaguy]

briceboursica

Tout est possible...

gatsu35 a écrit :

Tiens j'ai developpé cet objet qui génère une iframe seulement pour IE (pour IE7 faudra juste sortir une règle en plus)

Je viens de tester le lien de la fnac avec IE7 et FF2, c'est parfait avec les 2, tout fonctionne et je suis agréablement surpris de voir (enfin) de la transparence d'objets sous FF, it's good !

Message cité 2 fois

---------------
Brice de www.boursica.com

FlorentG

briceboursica a écrit :

je suis agréablement surpris de voir (enfin) de la transparence d'objets sous FF, it's good !

Euh [:johneh] C'est plutôt sous IE que ça aurait été une surprise

gatsu35

Blablaté par Harko

briceboursica a écrit :

Je viens de tester le lien de la fnac avec IE7 et FF2, c'est parfait avec les 2, tout fonctionne et je suis agréablement surpris de voir (enfin) de la transparence d'objets sous FF, it's good !

tu peux y aller sous Opera 8,9, safari 2, IE5, IE5.5, IE6, FF 1.0 1.5, 2.0 [:kbchris] Je suis juste fier du JS mais pas du code HTML/CSS qui a été fait pas 36 personnes dans un temps eclair

Message édité par gatsu35 le 10-01-2007 à 11:50:26

FORUM HardWare.fr

Graphisme

Web design

Comment mettre un flash en arrière plan ?

Sujets relatifs
Format enregistrement Flash	problème de son sur animation FLASH
Comment mettre un lien sur une image?	Recuperation fichier flash impossible ou tres difficile
Quel livre pour FLASH?	[Flash]>>Appeler un .swf avec un AS (problème avec root)
Option de publiation flash	[résolu][Flash]>>réglage et visualisation du préchargement
Bouton flash ouvrant une pop up swf	[Flash]>>Menu scroll pour galerie photo
Plus de sujets relatifs à : Comment mettre un flash en arrière plan ?

Page générée en 0.091 secondes