Nov 18, 2008

如何讓 gif 檔在 blogger 動起來

將gif動畫檔放到blogger卻不會動,
是很多blogger使用者非常困擾的問題,
如何讓 GIF 檔在 blogger 動起來?
這裡提供一些方法給大家參考


第一種方式--
先把圖片上傳到任何可以接受 gif 的網路相簿,

使用IE瀏覽器者--
點選圖片--按滑鼠右鍵--選內容,
抓取圖片的連結位置,
然後將圖片的網址那一大串字,加上語法如下--
<img src="圖片的網址" />
再貼到你想顯示圖片的文章內,

如果使用firefox--
點選圖片--按滑鼠右鍵--選properties(中文好像翻譯為"屬性")
一樣將圖片的網址那一大串字,加上語法如下--
<img src="圖片的網址" />
再貼到你想顯示圖片的文章內,


第二種方法--
先把圖片上傳到 Picasa 網路相簿,
取得內嵌圖片的語法,
將copy 下來的語法,貼到文章內,
如圖示--







用 Picasa 網路相簿的好處是可以選擇縮圖大小,
但是我試過如果縮圖和原圖比例差太多,
GIF會失去動畫效果,

另外如果圖片像素為300px,
放在文章中最大顯示就是300px,
既使選擇400或800px也不會放大圖片顯示,

如果不想顯示相簿位置,
也可以只貼語法後半部這一段
<img src="http://....../圖片檔名.jpg" />

附上效果--



第三種方法--
用 iframe 插入圖片的方法 ---
語法:
<iframe src="http://存放圖片的路徑/檔案名稱.gif"></iframe>


若要設定 iframe 大小,
只需在圖片檔名之後加上--
width= "填上數字" height="填上數字"

width--寬, height--高, 數字可以自訂,單位為像素,
另外 iframe 可以呼叫外部連結,
不限定圖片,非常好用呢!!

以上三種方式都需要先將圖片存放在可以接受GIF檔案的網路空間,
給大家參考!!
如果訪客有更好的方式,
也希望能提供,
先謝謝囉 ^_^ ...

4 comments:

said...

太感謝了^_^...想飆淚,等等去試看看!

Tracy said...

不用客氣,希望真的有幫到你

玄燁 執行長 吳皞天 said...

您好,試了快三小時了,還是沒法子成功,只好問一下,不好意思.我用第二種方法,上傳gif檔七百多k.出現很怪的情況。用下載檢查檔案是.png格式.但我用連結檢查時檔案副檔名是.gif格式?一直找不到原因?若能幫上我的忙,還請指點一下。謝謝妳

Tracy said...

不好意思,現在才看到您在我blog上的留言,不知道gif動畫的問題解決了沒?