jquery - 按播放/暂停按钮停止和开始 gif

Question

我想制作一个音乐播放列表，当我按下播放按钮时，gif 动图开始播放，当我暂停播放歌曲时，我希望它停止播放。当我开始一首新歌时，动图也会开始。我不知道该怎么做。 gif 需要暂停，而不是返回到开始。谢谢

Answer 1

你应该为此使用两个不同的图像(一个是 jpg 另一个是 gif)并使用 jQuery，onclick 播放和暂停按钮只需更改图像的 src，如:

HTML:

<img src="Your gif image">
<a href="#" class="playbutton"></a>
<a href="#" class="pausebutton"></a>

JQUERY:

$(document).ready(function(){
  $(".playbutton").click(function(){
   $("img").attr("src","GIF IMAGE SOURCE");//EXAMPLE
  });

  $(".pausebutton").click(function(){
   $("img").attr("src","JPG IMAGE SOURCE");//EXAMPLE
  });
 });