18041 sujets

Questions générales et questions de débutants

Affichage d'une animation *.swf largeur à100%

Bonjour,

Je me tourne vers vous car malgrès toute mes recherches un problème me taraude ...

sur une animation *.swf ci joint le code html:


      <div id="header">
        <h1 align="center">
          <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','650','height','303','src','anim','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#2F400D','movie','anim' ); //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=9,0,28,0" width="650" height="303">
            <param name="movie" value="anim.swf" />
            <param name="quality" value="high" /><param name="BGCOLOR" value="#2F400D" />
            <embed src="anim.swf" width="650" height="303" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#2F400D"></embed>
          </object>
          </noscript>
        </h1>
   </div>


Quand je remplace les valeurs 650 et 303 par 100% l'animation disparait.

La div header à une largeur de 100% mais elle est contenu dans une div à 80%.

J'ai réussi en repartant du *.fla à publier une page html ou la le 100% marche bien mais quand je "l'include" dans ma div même résultat l'animation disparait.

Je ne sais plus trop quoi faire si vous avez une idée, je vous en remercie par avance.

le lien : http://ddxtrem.javabien.fr/
Modifié par ddxtrem (02 Apr 2010 - 09:25)
Merci de ta réponse. Mais l'animation n'apparait pas j'ai mis swfoblect.js à la racine du site.
et le code :


</style>
		<script type="text/javascript" src="swfobject.js"></script>
		<script type="text/javascript">
			swfobject.registerObject("myFlashContent", "9.0.0");
		</script>
</head>

<body class="twoColHybLtHdr">

    <div id="container">
      <div id="header">
		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="50%" height="25%" id="myFlashContent">
				<param name="movie" value="anim.swf" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="anim.swf" width="50%" height="25%">
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflashplayer">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
     </div>
C'est bon sa marche. Smiley biggrin

petite explication: dans le javascript generator il faut choisir l'option dynamic publishing, puis indiquer l'id de la div.

Dan le css il faut imposé une largeur à la div ex 100% et une hauteur statique 500px

le code script dans la balise head :

		<script type="text/javascript" src="swfobject.js"></script>
		<script type="text/javascript">
			var flashvars = {};
			var params = {};
			var attributes = {};
			swfobject.embedSWF("anim.swf", "header", "100%", "100%", "9.0.0", false, flashvars, params, attributes);
		</script>


Et la div :


		<div id="header">
			<a href="http://www.adobe.com/go/getflashplayer">
				<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
			</a>
		</div>


Merci okin de ton super lien .. Smiley ravi
De rien !
Tu peux meme enelver les objets JS si tu ne les utilise pas : 


swfobject.embedSWF("anim.swf", "header", "100%", "100%", "9.0.0", false);

devrait marcher sans soucis
En fait si j'ai bien tout compris le script redimensionne le Swf en fonction de la taille de la Div sa c'est bon.

Par contre dans la div le generateur propose un lien via une image pour télécharger le lecteur flash (ce qui est très bien). Mais je ne comprend pas pourquoi cette image n'apparait pas.

Elle doit être derrière l'animation. N'y a t-il pas un moyen d'inverser l'ordre ? enfin avoir l'animation comme background.
En faite SWFObject injecte l'instaciation Flash qui va bien dans la div.
Et si tu n'a pas le lecteur Flash (ou désactivé le JS) tu vois le contenu HTML de la div : 

	<a href="http://www.adobe.com/go/getflashplayer">

				<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />

			</a>


Donc c'est pas vraiment derrière mais plutôt remplacé
Sujet clos
Aller à