Показать сообщение отдельно
  #1 (permalink)  
Старый 08.02.2019, 08:39
Интересующийся
Отправить личное сообщение для Puzzle Посмотреть профиль Найти все сообщения от Puzzle
 
Регистрация: 29.05.2017
Сообщений: 12

Вращение картинки по клику
Здравствуйте уважаемые умы. Помогите пожалуйста.Я создал онлайн радио, и на нём нужно сделать так, чтобы при нажатии на кнопку Play начинала крутиться картинка до тех пор, пока не нажмёшь на Pause и тогда картинка переставала крутиться. Буду очень вам благодарен.Ниже код

<div style="text-align: center;">  
<div class="radiocontainer"> 
<div class="radio-block" style="background: url('cover.png') no-repeat;"> 
<div id="jquery_jplayer_1" class="jp-jplayer"></div> 
<div id="jp_container_1" class="jp-audio-stream"> 
<div class="jp-type-single"> 
<div class="jp-gui jp-interface"> 
<ul class="jp-controls"> 
<li><a href="javascript:;" class="jp-play" tabindex="1">Play</a></li> 
<li><a href="javascript:;" class="jp-pause" tabindex="1">Pause</a></li> 
<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">Mute</a></li> 
<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">Unmute</a></li> 
<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">Max volume</a></li> 
</ul> 
<div class="jp-volume-bar"> 
<div class="jp-volume-bar-value"></div> 
</div> 
<div class="jp-current-time"></div>
</div> 
</div> 
</div> 
</div> 
</div> 

</div>

Вращать надо вот эту картинку <div class="radio-block" style="background: url('cover.png') no-repeat;">
Ответить с цитированием