Как функция «щелчка» управляет двумя состояниями изображения - PullRequest
Новая
       22

Как функция «щелчка» управляет двумя состояниями изображения

1 голос
/ 01 июля 2011

У меня на сайте есть музыкальный проигрыватель, вот код: 

<!-- 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 -->

Здесь player1 имеет свой собственный значок, а также состояние включения / выключения при нажатии, чтобы приостановить воспроизведение,Я также хотел бы изменить анимированный musicIcon.gif img на не анимированный, когда я нажимаю значок проигрывателя.Как я могу это сделать?Спасибо и всего наилучшего

1 Ответ

0 голосов
/ 01 июля 2011

Можете ли вы поместить прослушиватель кликов на элемент object ? При вызове он должен посмотреть состояние фильма и, если он остановлен, заменить <img src="..." ...> статическим изображением. Если он запущен, используйте анимированный.

Вы также можете иметь оба изображения на странице и просто переключать их свойство .style.display между 'none' и '' (пустая строка ).

...