200808270700[貼圖][氣象][DIY]欄位加入多功能中央氣象局衛星雲圖動畫

簡介

今天心血來潮來寫篇自創的欄位加入中央氣象局衛星雲圖動畫

這欄位我用很久了!穩定性良好!且不用加入程式碼!自訂性高!方便容易!

廢話就不多說!現在就開始動手吧!!

 

-更新(2009/08/09)

HiNet 氣象-動態版

點擊開啟中央氣象局-衛星雲圖
欄位加入衛星雲圖 by Frank的雜記

蕃薯藤天氣-動態版

點擊開啟中央氣象局-衛星雲圖
欄位加入衛星雲圖 by Frank的雜記

中央氣象局-400大圖靜態版

點擊開啟中央氣象局-衛星雲圖
欄位加入衛星雲圖 by Frank的雜記

中央氣象局-150小圖靜態 A 版

點擊開啟中央氣象局-衛星雲圖
欄位加入衛星雲圖 by Frank的雜記

中央氣象局-150小圖靜態 B 版

點擊開啟中央氣象局-衛星雲圖
欄位加入衛星雲圖 by Frank的雜記

開始

新增兩張 HiNet 氣象即時彩色衛星雲圖!!-更新(2009/8/9 - 下午 08:18)

HiNet 氣象-動態版

首先先利用HiNet 氣象開啟特效視窗的圖片

點擊選項中的衛星雲圖

 http://7.blog.xuite.net/7/0/0/b/11559578/blog_222965/txt/19020801/6.png
圖片連結

並將選定的圖片複製網址即可貼於欄位使用了!

圖片尺寸為 GIF 180x180 像素

 

http://weather.hinet.net/graph/satellite.gif
圖片連結 / satellite.gif (GIF 圖片,180x180 像素)特效視窗

 

http://weather.hinet.net/graph/as_run.gif
圖片連結 / as_run.gif (GIF 圖片,180x180 像素)特效視窗

 

 

加入欄位

在此我提供加入的代碼寫法!

內容為:

1.常態圖片為東亞彩色衛星雲圖

2.滑鼠指標重疊圖片時為台灣彩色衛星雲圖

3.滑鼠指標離開圖片時為東亞彩色衛星雲圖

4.點擊圖片時為彈出中央氣象局衛星雲圖的頁面 800x500 視窗

代碼:

友情提示:

可反覆測試依喜好修改或增減效果從簡潔到華麗功能直至滿意結果!

可能的話請保留代碼內本篇連結以便其他朋友查詢喔!


蕃薯藤天氣-動態版

由於 yam天空-天氣-動態衛星雲圖開啟特效視窗

可能因中央氣象局全球資訊網開啟特效視窗衛星雲圖開啟特效視窗

變更圖片連結導致更新錯誤!!

Frank 於 yam天空 - 意見信箱開啟特效視窗 反應未能成功!!

還請各位朋友幫忙反應!!-更新(2009/8/2 - 上午 08:03)

 

利用開啟特效視窗蕃薯藤天氣-動態衛星雲圖的圖片

從選項中的送出結果可顯示各項衛星雲圖

 http://7.blog.xuite.net/7/0/0/b/11559578/blog_222965/txt/19020801/5.png
圖片連結

並將選定的圖片複製網址即可貼於欄位使用了!

圖片尺寸為 GIF 170x183 像素

 

圖片路徑規則


*若已選定好圖片可不必理會此圖片路徑規則說明!

我整理了一下圖片路徑規則 方便各位修改路徑!

圖片路徑修改紅字部分如:

http://weather.news.yam.com/satellite/s3p6.gif

以下皆用此圖網址為範例!

地區

全球:

http://weather.news.yam.com/satellite/s0p6.gif

 

東亞:

http://weather.news.yam.com/satellite/s1p6.gif

 

臺灣:

http://weather.news.yam.com/satellite/s3p6.gif

 

(*可見光另外!)

 

色調

彩色圖片:

http://weather.news.yam.com/satellite/s3p6.gif

 

黑白圖片:

http://weather.news.yam.com/satellite/s3o6.gif

 

色彩強調:

http://weather.news.yam.com/satellite/s3q6.gif

 

*可見光:

http://weather.news.yam.com/satellite/sco6.gif(全球)

 

http://weather.news.yam.com/satellite/sao6.gif(東亞)

 

http://weather.news.yam.com/satellite/sbo6.gif(臺灣)

 

形式

副檔名前加"a"為靜態模式如:

動態模式:

http://weather.news.yam.com/satellite/s3p6.gif

 

靜態模式:

http://weather.news.yam.com/satellite/s3p6a.gif

 

(*動態模式每次只顯示3~4格動畫!並非顯示每小時/格!)

 

時間

3小時:

http://weather.news.yam.com/satellite/s3p3.gif

 

6小時:

http://weather.news.yam.com/satellite/s3p6.gif

 

9小時:

http://weather.news.yam.com/satellite/s3p9.gif

 

12小時:

http://weather.news.yam.com/satellite/s3p12.gif

 


範例

範例一

依圖片路徑規則可知此為 臺灣 彩色 3小時 靜態 的即時衛星雲圖

 http://weather.news.yam.com/satellite/s3p3a.gif

 

範例二

依圖片路徑規則可知此為 東亞 可見光 9小時 動態 的即時衛星雲圖

http://weather.news.yam.com/satellite/sao9.gif

 

加入欄位

在此我提供加入的代碼寫法!

內容為:

1.常態圖片為全球6小時彩色衛星雲圖

2.滑鼠指標重疊圖片時為臺灣6小時彩色衛星雲圖

3.滑鼠指標離開圖片時為東亞6小時彩色衛星雲圖

4.點擊圖片時為彈出中央氣象局衛星雲圖的頁面 800x500 視窗

代碼:

友情提示:

可反覆測試依喜好修改或增減效果從簡潔到華麗功能直至滿意結果!

可能的話請保留代碼內本篇連結以便其他朋友查詢喔!


新增三張中央氣象局即時天氣圖!!-更新(2009/6/26 - 下午 07:08)

中央氣象局-400大圖靜態版

http://www.cwb.gov.tw/V6/observe/satellite/Data/s1p/s1p.jpg
圖片連結 / s1p.jpg (JPEG 圖片,400x430 像素)特效視窗

 

http://www.cwb.gov.tw/V6/observe/satellite/Data/s3p/s3p.jpg
圖片連結 / s3p.jpg (JPEG 圖片,400x430 像素)特效視窗

 

http://www.cwb.gov.tw/V6/observe/rainfall/Data/hk.jpg
圖片連結 / hk.jpg (JPEG 圖片,400x400 像素)特效視窗

 

圖片來源:

中央氣象局全球資訊網開啟特效視窗

 

內容為:

1.常態圖片為累積雨量圖

2.滑鼠指標重疊圖片時為台灣彩色衛星雲圖

3.滑鼠指標離開圖片時為東亞彩色衛星雲圖

4.點擊圖片時為彈出中央氣象局衛星雲圖的頁面 800x500 視窗

代碼:

友情提示:

可反覆測試依喜好修改或增減效果從簡潔到華麗功能直至滿意結果!

可能的話請保留代碼內本篇連結以便其他朋友查詢喔!


新增三張中央氣象局即時天氣圖 150 小圖版 !!-更新(2009/6/28 - 下午 08:56)

中央氣象局-150小圖靜態版

http://www.cwb.gov.tw/V6/observe/satellite/Data/s1p/s1p150.jpg
圖片連結 / s1p150.jpg (JPEG 圖片,139x149 像素)特效視窗

http://www.cwb.gov.tw/V6/observe/satellite/Data/s3p/s3p150.jpg
圖片連結 / s3p150.jpg (JPEG 圖片,139x149 像素)特效視窗

http://www.cwb.gov.tw/V6/observe/rainfall/Data/hk150.jpg
圖片連結 / hk150.jpg (JPEG 圖片,150x150 像素)特效視窗

 

圖片來源:

中央氣象局全球資訊網開啟特效視窗

 

中央氣象局-150小圖靜態 A 版

內容為:

1.常態圖片為累積雨量圖

2.滑鼠指標重疊圖片時為台灣彩色衛星雲圖

3.滑鼠指標離開圖片時為東亞彩色衛星雲圖

4.點擊圖片時為彈出中央氣象局衛星雲圖的頁面 800x500 視窗

代碼:

 

中央氣象局-150小圖靜態 B 版

內容為:

1.常態圖片為東亞彩色衛星雲圖

2.滑鼠指標重疊圖片時為台灣彩色衛星雲圖

3.滑鼠指標離開圖片時為東亞彩色衛星雲圖

4.點擊圖片時為彈出中央氣象局衛星雲圖的頁面 800x500 視窗

代碼:

 

友情提示:

可反覆測試依喜好修改或增減效果從簡潔到華麗功能直至滿意結果!

可能的話請保留代碼內本篇連結以便其他朋友查詢喔!


相關文章

更多氣象圖:
中央氣象局各種即時衛星雲圖與天氣圖-自動更新(31P) @ Frank的雜記開啟特效視窗

Google Earth+欄位:
[氣象][下載]中央氣象局 - 衛星雲圖 -自動更新

Google Earth:
[原創][氣象][下載]嵌入式衛星雲圖12監控視窗

欄位:
[氣象]欄位嵌入即時衛星雲圖(每小時更新一次)+動態外掛

欄位:
如何在網誌內放入即時衛星雲圖

回應
Frank的雜記百寶箱!!

歡 迎 光 臨 最 發 燒 文 熱 門 搜 尋 代 碼 測 試 最 新 回 應

    RSS 2.0 訂閱全文輸出文章 frank  的分享項目 Google+ Frank 的 Facebook -歡迎加友喔!! Follow Frank on Twitter Frank 在噗浪 Manatalk 開啟部落軌道!!
    連到Frank的抓火狐推薦頁! 免費下載「Google 地球」 交通部臺灣區國道高速公路局 PDA版 Google Maps 多功能地圖 線上電子地圖-大合集!! 台灣地標總合 Frank的雜記-地標集 雜記紀錄
    累積 | 今日
      沒有新回應!
add
Google+
專頁


個人

Facebook

交換連結
統計分析管理
部落格觀察部落格: 第 61 次藍眼觀注
Sitetag
Related Posts with Thumbnails





Powered by Xuite