按播放/暂停按钮停止和启动 gif答案

【问题标题】：Stop and start a gif by pressing a play/pause button按播放/暂停按钮停止和启动 gif
【发布时间】：2016-12-15 18:46:40
【问题描述】：

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

【问题讨论】：

见这里：superuser.com/questions/39895/… & stackoverflow.com/questions/5818003/…
为什么不使用两张图片：一张静态和一张gif；然后切换？

标签： jquery html css wordpress

【解决方案1】：

您应该为此使用两个不同的图像（一个是 jpg，另一个是 gif）并使用 jQuery，onclick 播放和暂停按钮只需更改图像的 src，例如：

HTML：

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

查询：

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

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

【讨论】：

剩下的 html 和 css 是什么？我想我已经接近了，但它不起作用。
您需要在 html 中添加并分别添加类名为“playbutton”和“pausebutton”的两个按钮。在您的页面中添加该 jQuery 代码。那个 JQuery 代码应该在 $(document).ready(function(){ });