javascript - How "click" function controls two image state -


i have music player in site, here code:

<!-- player --> <div id="player">         <div class="playericon"><img src="../img/musicicon.gif" alt="" width="21" height="19" border="0"></div>          <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="30" height="30" id="player1">            <param name=movie value="audioplay.swf?playerid=1">            <param name=quality value=high>            <param name=wmode value="transparent">            <param name="allowscriptaccess" value="always" />             <embed wmode="transparent" src="audioplay.swf?playerid=1" quality=high width="30" height="30" name="player1" allowscriptaccess="always"             align="" type="application/x-shockwave-flash"             pluginspage="http://www.macromedia.com/go/getflashplayer">             </embed>          </object>          <script language="javascript"> function getplayer(moviename){     if (navigator.appname.indexof("microsoft") != -1) {         return window[moviename];}      else {         return document[moviename];         }     } function play1() {     getplayer('player1').playmusic(); }  function stop1(){      getplayer('player1').stopmusic();     }       </script>  </div> <!-- end player --> 

here, player1 has own icon , on-off state when click pause music. i'd change animated musicicon.gif img non-animated 1 when click player icon. how can this? , regards

can put click listener on object element? when called, should @ state of movie , if it's stopped, replace <img src="..." ...> static image. if it's running, use animated one.

you have both images in page , toggle .style.display property between 'none' , '' (empty string).


Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -