2016-12-15 163 views
0

我想制作音乐播放列表,当我按下播放按钮时,gif开始播放,当我暂停播放歌曲时,我希望它停止播放。当我开始一首新歌的时候,gif也开始了。我无法弄清楚如何去做。 GIF需要暂停,而不是返回到开始。由于按播放/暂停按钮停止并启动gif

+0

在这里看到:http://superuser.com/questions/39895/pausing-a-gif-animation-in-google-chrome&http://stackoverflow.com/questions/5818003 /停止-A-GIF动画,onload事件上谋seove-start-the- – sebastian

+0

为什么不使用两个图像:一个是静态的,一个是gif;然后切换? – srifqi

回答

0

您应该使用这两种不同的图像(一个为JPG的d另一种是GIF)和使用jQuery的onclick播放和暂停按钮只是改变图像的像源:

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 
    }); 
}); 
+0

这是什么其他的html和css?我认为我很接近,但它不起作用。 – kevinS

+0

你需要在你的html和你的两个按钮分别添加和classname“playbutton”和“pausebutton”。在你的页面中添加jQuery代码。该JQuery代码应该在$(document).ready(function(){})之内; – Taniya

+0

非常感谢,现在有效:) – kevinS