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

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

Marsh Posté le 31-01-2008 à 09:28:25    

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
 
http://img113.imageshack.us/img113/7825/01qm5.jpg


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

Marsh Posté le 31-01-2008 à 09:28:25   

Reply

Marsh Posté le 01-02-2008 à 04:54:49    

Va voir du coté de CSS z-index


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

Marsh Posté le 01-02-2008 à 08:21:04    

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

Reply

Marsh Posté le 03-02-2008 à 10:34:40    

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 :
  1. <td><script type="text/javascript">
  2. 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
  3. </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">
  4.                 <param name="movie" value="breath.swf">
  5.                 <param name="quality" value="high">
  6.                 <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 :
  1. <td><script type="text/javascript">
  2. 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
  3. </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">
  4.                 <param name="movie" value="breath.swf">
  5.                 <param name="WMODE" value="transparent">
  6.                 <param name="quality" value="high">
  7.                 <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.

Reply

Marsh Posté le 05-02-2008 à 15:43:16    

un ptit up ;)

Reply

Marsh Posté le 08-02-2008 à 12:05:05    

Tjrs besoin d'aide svp

Reply

Marsh Posté le 08-02-2008 à 14:26:32    

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 :
  1. so.addParam('wmode', 'transparent');

Reply

Marsh Posté le 08-02-2008 à 15:51:12    

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 ;)

Reply

Marsh Posté le 08-02-2008 à 16:13:43    

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).

Reply

Marsh Posté le 08-02-2008 à 16:19:57    

bob_le_marrant99 a écrit :

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 ;)


 
 
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.
 
 

Reply

Marsh Posté le 08-02-2008 à 16:19:57   

Reply

Marsh Posté le 08-02-2008 à 23:39:15    

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 :
  1. <div id="breath">
  2. c'est ici que sera ton flash dans ta page
  3. </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 !

Reply

Marsh Posté le 09-02-2008 à 11:39:40    

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 :
  1. <div id="breath">
  2. c'est ici que sera ton flash dans ta page
  3. </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 !


 
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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed