2013-11-14 58 views
6

我不知道是否有一種方法可以防止瀏覽器實際製作一個動畫gif,並加載在<img>標籤中。 我只想讓它顯示gif的第一幀,不要播放動畫。可能在不播放動畫的情況下加載動畫GIF?

我已經擔心,這是不可能的,我要提取的第一幀,並將其呈現在畫布...:/

+0

爲什麼你需要一個畫布呢? – PeeHaa

+0

因爲畫布標記將是呈現動畫gif的第一幀的唯一方法。 –

+0

是否有可能在服務器端做到這一點? PHP的GD模塊默認只加載GIF的第一幀,例如 – Bojangles

回答

2

這是有點昂貴的解決方案,但如果你在重置圖像SRC在很短的setInterval它顯示爲靜態的如:

setInterval(function() { 
     document.getElementById('img1').src = document.getElementById('img1').src 
},1) 

演示:http://jsfiddle.net/MEaWP/6/

0

這也許是過於簡單的回答你,但你可以只在您選擇的圖像編輯程序打開GIF動畫,即Adobe Photoshop或任何其他免費的,然後在沒有動畫的情況下保存GIF。

然後將新的GIF(無動畫)重新上傳到您從中提供圖像的任何位置。

如果您確實使用Photoshop,只需打開file.GIF並轉到菜單中的窗口>動畫。這將在新的對話框中顯示動畫GIF中的所有幀。

只需刪除所有幀並另存爲。如果您稍後仍需要,請勿用動畫覆蓋原件。

+0

它沒有寫在我最初的問題清楚,但解決方案應該在瀏覽器中工作,因爲我不控制gif圖像。用戶確實上傳它們。 –