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
Post a Comment