我在我的博客上發佈了一串GIF動畫,我想在每個圖像上添加一個播放按鈕以便能夠在您點擊它們時播放它們。onclick播放動畫圖像(GIF)
0
A
回答
0
您將需要兩個圖像。一個圖像只是沒有動畫的第一幀。然後,連接點擊以將您的動畫圖像替換爲靜態圖像。
事情是這樣:
$(function(){
$('#StaticImage').click(function(){
$(this).attr('src', 'animated_file.gif');
});
});
+0
因此,我手動獲得每個GIF的靜態圖像,我必須做到這一點?以及如何能像9gag一樣添加播放按鈕呢?看看9gag.com的Gifs,看看我想在這裏做什麼。謝謝! –
+0
是的,它是兩個圖像。你的靜態圖像必須有一個透明的播放按鈕。 – Boone
相關問題
- 1. 在圖像視圖中播放動畫GIF圖像文件
- 2. Objecive C - 如何播放動畫GIF圖像
- 3. 如何在android中從url中播放動畫GIF圖像?
- 4. Chrome動畫GIF背景圖像沒有播放 - 背景大小
- 5. 使用libgdx播放動畫gif
- 6. mplayer在全屏播放gif動畫?
- 7. Android-從文件中播放GIF動畫
- 8. 用tkinter在python中播放GIF動畫
- 9. 使用vuforia播放動畫圖像qualcomm
- 10. 如何播放邊緣動畫onclick?
- 11. 使用純JavaScript在鼠標懸停上播放系列動畫GIF圖像
- 12. 將動畫GIF作爲動畫播放僅顯示畫布背景
- 13. wpf加載一個gif圖像動畫
- 14. PHP GD圖像 - 輸出動畫GIF
- 15. IOS支持顯示GIF動畫圖像?
- 16. 帶有PHP動畫GIF圖像
- 17. 動畫JPanel上的.GIF圖像
- 18. NSImageView中的動畫GIF圖像
- 19. 動畫GIF大於源圖像
- 20. 帶動畫gif的IOS UIButton圖像
- 21. 可以在googlemap的項目上放置動畫圖像? (如GIF)
- 22. 任何人都可以嘗試手動播放GIF動畫?
- 23. 在動態x,y中播放.gif動畫 - Android
- 24. 點擊播放GIF動畫,然後執行Symfony動作
- 25. 如何在PIL中縮放動畫GIF圖像並保留動畫
- 26. Flash動畫播放就像慢動作
- 27. 旋轉GIF圖像並保存GIF動畫
- 28. Vb.net獲取GIF當前幀編號+停止動畫+播放的動畫
- 29. 可能在不播放動畫的情況下加載動畫GIF?
- 30. GIF動畫不在HTML5下瀏覽器中播放
http://stackoverflow.com/questions/5818003/stop-a-gif-animation-onload-on-mouseover-start-the-activation - 你可能需要一個靜態圖像點擊時換出 – ashley