Header en Flash en arrière-plan possible ? Photos passent dessous :(

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Header en Flash en arrière-plan possible ? Photos passent dessous :(

bob_le_marrant99

Bonjour,

Voilà sur mon site j'ai un Header en Flash et le reste du corps du site en html "tout con".

Mon problème c'est que pour l'affichage des photo j'utilise ce "script" http://vikjavev.no/highslide/ , bon tout marche nickel là n'est pas le problème, mais tout suivant la taille et la forme de l'écran, lors de l'agrnadissement des photos, une partie passe sous le header !

En plus avec ce script on peut déplacer la photo sur la page et là on voit bien que l'on peut "cacher" la photo sous le header

Existe-il une solution pour que le Header en Flash soit en arrrière-plan et ainsi ne plus avoir de problème ?

Merci d'avance pour votre aide.

Bonne journée.

Edit : un ptit screen pour mieux voir peut-être

Message édité par bob_le_marrant99 le 31-01-2008 à 10:17:46

Publicité

Zedlefou

In cabbage we trust !

Va voir du coté de CSS z-index

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

gatsu35

Blablaté par Harko

il faut intégrer le flash en rajoutant le parametre wmode="transparent"
si tu utilises SWFObject pour l'intégration de ton flash, c'est
mavar.addParam('wmode', 'transparent').

Attention, un bug sous Firefox 2.0 subsiste avec le flash et le wmode transparent, c'est que si tu as un formulaire dans ton flash, il sera impossible pour toi de gérer le @ et autres caractères exotiques accessibles depuis ces touches du clavier

Message cité 1 fois

bob_le_marrant99

Bonjour,

Merci d'avoir pris le temps de m'aider !

J'ai fais des recherches sur les modes dont vous parlez, mais je n'ai rien trouvé de bien "concret" et je suis complètement largué sur comment intégrer le mode transparent à mon code de mon Header Flash ?

Voici le code dans ma page HTML :

Code :

<td><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0','width','772','height','215','src','breath','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','breath' ); //end AC code
</script><noscript><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="772" height="215">
<param name="movie" value="breath.swf">
<param name="quality" value="high">
<embed src="breath.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="772" height="215"></embed></object></noscript></td>

Ou dois-je SVP intégrer la commande transparent et sous quelle syntaxe ?

Car j'ai bien essayé de faire comme sa mais rien ne change, donc je sais pas si il manque quelque chose ou autre ?

Code :

<td><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0','width','772','height','215','src','breath','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','breath' ); //end AC code
</script><noscript><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="772" height="215">
<param name="movie" value="breath.swf">
<param name="WMODE" value="transparent">
<param name="quality" value="high">
<embed src="breath.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="772" height="215"></embed></object></noscript></td>

MERCI d'avance pour votre aide.

Bon dimanche.

bob_le_marrant99

un ptit up

bob_le_marrant99

Tjrs besoin d'aide svp

gatsu35

Blablaté par Harko

je t'ai donné la réponse que c'etait le WMODE transparent
maintenant à toi de chercher comment l'appliquer avec AC_FL_RunContent
qui est une merde sans nom et un flash ça s'integre avec SWFObject qui est plus facile

et avec swf pourrajouter un parametre c'est

Code :

so.addParam('wmode', 'transparent');

bob_le_marrant99

J'ai trouvé ce site : http://wiki.mediabox.fr/documentation/swfobject

Apparement c'est ce que tu entends.

Et le code que tu donne dans ta dernière réponse "so.addParam('wmode', 'transparent');
" c'est bien pour l'intégrer dans le fichier "swfobject.js" ou dans le code JavaScript dans mon HTML ?

Et quel différence avec le premier que tu donne "mavar.addParam('wmode', 'transparent')" ?

Désolé, c'est peut-être limpide pour toi qui est un pro, mais pour moi, je sais pas quoi faire de ces deux codes C'est pour cela que je viens demander de l'aide sur un forum.

J'ai du boulot à lire et tester ce week

Message cité 1 fois

shurik'n

gatsu35 a écrit :

il faut intégrer le flash en rajoutant le parametre wmode="transparent"

Je confirme

gatsu35 a écrit :

Attention, un bug sous Firefox 2.0 subsiste avec le flash et le wmode transparent, c'est que si tu as un formulaire dans ton flash, il sera impossible pour toi de gérer le @ et autres caractères exotiques accessibles depuis ces touches du clavier

Ouep (la première fois ce truc m'a rendu fou), mais ca se corrige sans trop de soucis (en recuperant les codes des entrées clavier).

shurik'n

bob_le_marrant99 a écrit :

Dans ta page html :

Entre entre les balises <head></head>

: <script type="text/javascript" src="js/swfobject.js"></script>

dans le body :

<div id="flash">
c'est ici que sera ton flash dans ta page
</div>

<script type="text/javascript">
var so = new SWFObject("tonfichier.swf", "blabla", "900", "800", "8", "#000000" );
so.addParam('wmode', 'transparent');
so.write("flash" ); // cela génére le code d'insertion de ton flash dans la zone déclarée au dessus
</script>

Ca remplace tout le code que tu as posté plus haut.

Publicité

bob_le_marrant99

Alors un très grand merci Shurik'n pour ton aide et avoir pris le temps de me donner le code à insérer dans mon html !

Et tu sais quoi ? SA MARCHE :

Mais y a juste un truc que je comprend pas à quoi sa sert :

Code :

<div id="breath">
c'est ici que sera ton flash dans ta page
</div>

A quoi sert cette portion du code ?

Et à la place de la phrase "c'est ici que sera ton flash dans ta page" je peux mettre le texte que je veux ? Mais il sert a quoi ?

En tout cas je suis super contant que sa marche !

Encore merci à vous tous pour votre aide bien sur !

Message cité 1 fois

shurik'n

bob_le_marrant99 a écrit :

Alors un très grand merci Shurik'n pour ton aide et avoir pris le temps de me donner le code à insérer dans mon html !

Et tu sais quoi ? SA MARCHE :

http://img148.imageshack.us/img148/1065/02qe8.jpg

Mais y a juste un truc que je comprend pas à quoi sa sert :

Code :

<div id="breath">
c'est ici que sera ton flash dans ta page
</div>

De rien.

La portion de code en question, c est l emplacement ou ton flash est effectivement intégré dans ta page par le javacript. Par exemple, par defaut dans cette zone, tu peux mettre un contenu pour les personne n'ayant pas activé javascript, car ils ne verront pas ton flash.

Regarde un peu les pages de doc de swfobject pour plus d info.

FORUM HardWare.fr

Graphisme

Web design

Header en Flash en arrière-plan possible ? Photos passent dessous :(

Sujets relatifs
flash et firefox	comment transform une image no vectorielle en image vecto sous flash
Scene sur Flash	Fabriquer un objet 3D à partir de photos
[FLASH] swf qui rame en lecture locale	Redimensionner tout un doc flash ?
animation avec des photos	[Flash] Problème scroll barre
FLASH formulaire simple + lien http	Flash: effet de texte comme un tifo
Plus de sujets relatifs à : Header en Flash en arrière-plan possible ? Photos passent dessous :(

Page générée en 0.080 secondes