以前、当ブログで紹介しました、

サイトにブログ更新情報（RSS）を表示　の続編。

RSSから記事内の画像を取得してしまおうという内容です。

これはいたって簡単。

以前の記事を同じ手順で、RSS表示用のスクリプトをダウンロード。

 var gazo = entry.content.match("<img.*jpg.*?>")

上記を挿入します。
これを入れることで、記事内のjpg画像を取得できます。

なので、ブログ記事更新などの表示させたい画像はjpg形式でUPするといいです。

そして更に

上記の赤枠で囲っている部分を追加・変更します。

そうすると画像は自動的に表示されますので、あとは画像の大きさや位置などをcssを使って変更すれば完了です。

以前の記事では<div id=”feed”></div>と入れれば表示するように書いてありますので、

これはそのまま据え置きで、

cssにこの部分を追加します。

———————-

#feed ul li img {
	float:right;
	width: 100px;
	height: 100px;
}

———————-

上記をそのまま入れると縦100px、横100pxの画像が記事の右側に自動で表示されます。

これは適宜調整して下さい。

以上でRSSから画像を抽出を終わります＾＾