Bonjour,
Voilà je n'ai pas tellement l'habitude de travailler avec des swf sur le web, donc je vous remercie d'avance si vous pouvez m'aider à résoudre quelque chose qui me rend complètement perplexe mais qui peut-être est juste une question de bon sens...
J'ai créé avec Adobe Flash CS5 une animation interactive avec des sons, j'ai fait en sorte qu'elle redirige sur une autre page web quand on clique sur la zone centrale, jusque là tout va bien
Lien : http://soundspace.paprikart.fr/voxlignum_accueil.html
Mais...
- Problème n° 1 (le plus grave) : j'ai remarqué avec stupéfaction qu'avec Firefox, les dimensions de l'animation rendaient bien comme je voulais (j'ai mis width="1422" height="800" pour les dimensions). En revanche j'ai testé le lien sous Internet explorer et là... horreur L'anim s'est complètement ratatinée...
J'ai fait deux captures d'écran au cas où ça ne ferait pas la même chose chez vous :
Sur Firefox :
Sur Internet Explorer :
- Problème n° 2 (moyennement grave) : j'ai mis un fond sonore à ma page html, en précisant bien "loop="true"" pour qu'il passe en boucle... eh bien au bout d'un certain moment ça s'arrête, donc je sais pas où est le soucis, voici le code :
Code :
- <embed src="http://soundspace.paprikart.fr/mp3/Son%20Ambiance.mp3" autostart="true" loop="true" hidden="true"></embed>
|
- Problème n° 3 (pas très grave mais un peu gênant quand même : sous firefox j'aimerais bien pouvoir virer ce petit trait blanc qui délimite mon swf sur la gauche... j'ai pourtant bien veiller à ce que les dimensions d'affichage du swf soient exactement proportionnées à mon animation de base...
Je pense que ça pourrait être utile : voici le code de ma page html :
Code :
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Vox Lignum</title>
- <style type="text/css">
- body,td,th {
- color: #FFF;
- }
- body {
- background-color: #000;
- background-image: url(bg.jpg);
- }
- </style>
- <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
- <link href="style.css" rel="stylesheet" type="text/css" />
- </head>
- <body>
- <div align="center">
- <embed src="http://soundspace.paprikart.fr/mp3/Son%20Ambiance.mp3" autostart="true" loop="true" hidden="true"></embed>
- <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1422" height="800"id="FlashID" title="VoxLignum">
- <param name="movie" value="voxlignum.swf" />
- <param name="quality" value="high" />
- <param name="wmode" value="opaque" />
- <param name="swfversion" value="6.0.65.0" />
- <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
- <param name="expressinstall" value="Scripts/expressInstall.swf" />
- <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
- <!--[if !IE]>-->
- <object type="application/x-shockwave-flash" data="voxlignum.swf" width="1422" height="800">
- <!--<![endif]-->
- <param name="quality" value="high" />
- <param name="wmode" value="opaque" />
- <param name="swfversion" value="6.0.65.0" />
- <param name="expressinstall" value="Scripts/expressInstall.swf" />
- <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
- <div>
- <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
- <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
- </div>
- <!--[if !IE]>-->
- </object>
- <!--<![endif]-->
- </object>
- </div>
- <script type="text/javascript">
- swfobject.registerObject("FlashID" );
- </script>
- </body>
- </html>
|
Voilà ! Merci pour votre aide