2016-12-15 196 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