2013-08-27 90 views
0

我在我的博客上發佈了一串GIF動畫,我想在每個圖像上添加一個播放按鈕以便能夠在您點擊它們時播放它們。onclick播放動畫圖像(GIF)

+0

http://stackoverflow.com/questions/5818003/stop-a-gif-animation-onload-on-mouseover-start-the-activation - 你可能需要一個靜態圖像點擊時換出 – ashley

回答

0

您將需要兩個圖像。一個圖像只是沒有動畫的第一幀。然後,連接點擊以將您的動畫圖像替換爲靜態圖像。

事情是這樣:

$(function(){ 
    $('#StaticImage').click(function(){ 
     $(this).attr('src', 'animated_file.gif'); 
    }); 
}); 
+0

因此,我手動獲得每個GIF的靜態圖像,我必須做到這一點?以及如何能像9gag一樣添加播放按鈕呢?看看9gag.com的Gifs,看看我想在這裏做什麼。謝謝! –

+0

是的,它是兩個圖像。你的靜態圖像必須有一個透明的播放按鈕。 – Boone