Déclancher un flash en cliquant sur une image

Fermé
stephvod - 5 janv. 2011 à 12:40
 stephvod - 6 janv. 2011 à 10:57
Bonjour,

Je suis en train de faire un site, et là je bloque sur quelque chose.
Je vous explique :
Sur une de mes pages, j'ai une zone flash avec une "animation 1" au chargement de la page.
J'ai 2 images sur ma page, et j'aimerais que quand je clique sur l'image 1, "l'animation 2" apparaisse dans ma zone de flash.
Quand je clique sur l'image 2, que "l'animation 2" apparaisse (et remplace l'animation 2) dans la zone de flash.

Je ne sais quoi écrire comme html, javascript ou actionscript pour faire fonctionner ça.

Quelqu'un aurait-il une piste ?




A voir également:

4 réponses

loi219 Messages postés 486 Date d'inscription vendredi 27 août 2010 Statut Membre Dernière intervention 18 juillet 2012 104
5 janv. 2011 à 12:43
Tu as le lien de ton site?
0
Non, mon site est en local uniquement.
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
Modifié par RAD ZONE le 5/01/2011 à 15:20
Salut

tu peux faire cela avec "getElementById" en javascript !

voila un exemple simple

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"      
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">      
<html xmlns="http://www.w3.org/1999/xhtml">      
  <head>      
    <title>      
      getElementById avec swf      
    </title>      
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />      
    <meta name="generator" content="PSPad editor, www.pspad.com" />      
   <style type="text/css">
   /*<![CDATA[*/
   body{
     margin:0;
     padding:10px 20px;
     font-family:verdana,"bitstream vera sans","lucida grande",sans-serif;
     font-size:0.8em;
     line-height:1.25;
     color:#f0e39e;
     background:#2c2f22
   }

   a img{
     border:none
   }

   #navigation{
     background:#181a12;
     width:245px;
     float:left
   }

   #contenu{
     color:#363b29;
     background:#cbd888;
     margin-left:250px;
     padding:10px 20px
   }

   #global{
     width:750px;
     margin:0 auto
   }

   #entete{
     padding:20px 20px 20px 0;
     margin:4px 0 15px
   }

   #entete h1{
     margin:0;
     float:left;
     margin:7px 20px 10px 0
   }

   #centre{
     width:100%;
     overflow:hidden
   }

   #navigation ul{
     margin:0;
     padding:20px 10px;
     list-style:none
   }
   /*]]>*/
   </style>



    <!--    INSERTION DES SWF PAR LA METHODE SWFOBJECT 2.1 STATIC  NON OBLIGATOIRE EN STATIC MAIS JE PREFERE  LA METTRE(ne pas oublier d ajouter le fichier javascript"swfobject.js" en version 2 sinon ne pas mettre ces lignes) -->      

<script type="text/javascript" src="swfobject.js">      
</script>      
<script type="text/javascript">      
//<![CDATA[      
                        swfobject.registerObject(",swf1,swf2", "9.0.0");      
//]]>      
</script>  

<!--  FIN  INSERTION DES SWF PAR LA METHODE SWFOBJECT 2.1 STATIC   -->      


    <!--Script de Rad Zone pour afficher des sub cache -->      

<script type="text/javascript">      
//<![CDATA[      
var subs_array = new Array("swf1","swf2"); /*<!-- IMPORTANT BIEN METTRE TOUTE LES ID DES SUB A FAIRE APPARAITRE !!!-->*/      
function displaysubs(the_sub){      
        if (document.getElementById(the_sub).style.display==""){      
        document.getElementById(the_sub).style.display = "none";return      
  }      
  for (i=0;i<subs_array.length;i++){      
        var my_sub = document.getElementById(subs_array[i]);      
        my_sub.style.display = "none";      
        }      
  document.getElementById(the_sub).style.display = "";      
  }      

//]]>      
</script>  
<!-- FIN Script de Rad Zone pour afficher des sub cache -->  
      
  </head>      
  <body>      
    <div id="global">      
      <div id="entete">      
        <h1>      
          <span>RAD ZONE Webcreation</span>      
        </h1>      
      </div>      
      <div id="centre">      
        <div id="navigation">      
          <ul>      
            <li>  

<!--/* DONNER L INSTRUCTION JS  onclick="displaysubs('ID DE LA SUB A FAIRE APPARAITRE')"*/-->      
              <a href="javascript:void(0)" onclick="displaysubs('swf1')" onfocus=      
              "if(this.blur)this.blur()"><img src="028.gif" width="213" height="51" alt="" /></a>      
            </li>      
            <li>      
               <a href="javascript:void(0)" onclick="displaysubs('swf2')" onfocus=      
              "if(this.blur)this.blur()"><img src="028.gif" width="213" height="51" alt="" /></a>      
            </li>      
          </ul>      
        </div>      
        <div id="contenu">      
          <h3>      
            + LES SWF      
          </h3>      

          <!-- PREMIER SWF   -->      
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="150" id="swf1" style="display: none;">      
            <param name="movie" value="rz.swf" />      
            <!--[if !IE]>-->      
            <object type="application/x-shockwave-flash" data="rz.swf" width="200" height="150">      
              <!--<![endif]-->      
              <a href="https://get.adobe.com/flashplayer/">      
                <img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a>      
              <!--[if !IE]>-->      
            </object>      
            <!--<![endif]-->      
          </object>      
          <!-- FIN PREMIER SWF   -->      



          <!-- DEUXIEME SWF     -->      
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="250" height="50" id="swf2" style="display: none;">      
            <param name="movie" value="digitalclock.swf" />      
            <!--[if !IE]>-->      
            <object type="application/x-shockwave-flash" data="digitalclock.swf" width="250" height="50">      
              <!--<![endif]-->      
              <a href="https://get.adobe.com/flashplayer/">      
                <img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a>      
              <!--[if !IE]>-->      
            </object>      
            <!--<![endif]-->      
          </object>      
          <!-- FIN DEUXIEME SWF         -->      

        </div>      
      </div>      
    </div>      
  </body>      
</html>      


ca donne ca

tu peux rajouter autant de "sub" que tu veux , tant que tu les declares bien
dans les "new Array"!!

A+

? La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ?
0
Nickel, ca marche.
Merci :)
0