我想製作音樂播放列表,當我按下播放按鈕時,gif開始播放,當我暫停播放歌曲時,我希望它停止播放。當我開始一首新歌的時候,gif也開始了。我無法弄清楚如何去做。 GIF需要暫停,而不是返回到開始。由於按播放/暫停按鈕停止並啓動gif
0
A
回答
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
});
});
相關問題
- 1. Android更改播放按鈕停止並停止播放按鈕
- 2. 暫停播放按鈕
- 3. 控制播放/停止/暫停e.t.c.播放媒體的按鈕
- 4. Swift:播放停止按鈕
- 5. HTML5音頻播放器停止和暫停按鈕不工作
- 6. 添加播放暫停和停止按鈕到Loopedslider
- 7. Ios「停止」按鈕對應於「播放」和「暫停」
- 8. 實現一個Coda Slider停止/暫停/播放按鈕
- 9. 當播放按鈕暫停時阻止播放HTML5視頻
- 10. 使用按鈕播放/停止動畫
- 11. 播放暫停單個按鈕
- 12. 播放/暫停按鈕HTML5音頻
- 13. HTML5 Javascript播放/暫停按鈕
- 14. 暫停/播放按鈕監聽器
- 15. 在Chromeless Youtube中播放/暫停按鈕?
- 16. Wistia API播放/暫停按鈕
- 17. 自定義播放暫停按鈕Iphone
- 18. 如何隱藏播放/暫停按鈕?
- 19. 切換播放/暫停按鈕
- 20. 播放暫停按鈕問題?
- 21. 在vb 2010暫停/播放按鈕
- 22. .wav文件的播放/暫停按鈕
- 23. CountDown計時器:暫停按鈕不會暫停或變回播放按鈕
- 24. 暫停按鈕在切換播放/暫停時不工作
- 25. AS3暫停按鈕不播放陣列中暫停的歌曲
- 26. 自動播放暫停/播放按鈕(Flash AS3)
- 27. MediaPlayer - 當放開並按下按鈕時播放和停止
- 28. 如何在Apple TV上播放/暫停按鈕播放/暫停AVAudioPlayer
- 29. 播放和停止在一個按鈕
- 30. jquery播放和停止按鈕
在這裏看到:http://superuser.com/questions/39895/pausing-a-gif-animation-in-google-chrome&http://stackoverflow.com/questions/5818003 /停止-A-GIF動畫,onload事件上謀seove-start-the- – sebastian
爲什麼不使用兩個圖像:一個是靜態的,一個是gif;然後切換? – srifqi