WordPressで天気予報を表示。
（参照：Yahoo!天気情報）

右側に、雨雲レーダーの画像が出ているのですが、
その方法を紹介。

メニュー部分に下記を書き込むだけです。

<li id="tenki">雨雲レーダー»
<ul>
<li><a href="http://weather.yahoo.co.jp/weather/raincloud/index.html"><img src="http://weather.yahoo.co.jp/weather/raincloud/img/000000yhjpg-4_small.jpg" border="0" vspace="2" hspace="2" width="160" height="120" alt="雨雲の動き" /></a></li>
</ul>
</li>

理屈は、
http://weather.yahoo.co.jp/weather/raincloud/index.html
などを見てもらえばわかると思いますが、
左上に小さな画像があるとおもいます。
その画像へ直リンです。

注）直リンに関しては、Yahoo!側がOKを出しているとはんだんしています。
画面へのリンク、二次利用について（Yahoo!ヘルプ）
http://help.yahoo.co.jp/help/jp/weather/weather-32.html

そこで、問題です
小さな画像に直リンといいましたが、
Yahoo!にある画像のソースをみると
http://ca.c.yimg.jp/weather/1102970101/weather.yahoo.co.jp/weather/raincloud/img/000000yhjpg-4_small.jpgのようになっています。
日付見たいのが、途中に入っているけど、これはどうするの？
とおもったら、
上のURLから
ca.c.yimg.jp/weather/1102970101/
の部分をけずります。
つまり、こんなかんじにします。
http://weather.yahoo.co.jp/weather/raincloud/img/000000yhjpg-4_small.jpg
ほら、常に最新の画像がとれるようになったでしょ。

こんな感じでやれば、雨雲レーダーの動画GIF以外は、
小さな画像がしゅとくできます。

大きな画像のプロパティから、画像のURLをとってきて、
.jpgの前に_smallをつければ、小さな画像がすぐに表示されます。

この方法なら、WordPressで天気予報を表示するだけじゃなく
PukiWikiでも天気予報が表示できます。

Posted by YO on 2004/12/14 火曜日 at 6:00:17.