上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 正規表現でURLの抜き取りが出来たので早速画像のみで、新着記事を表示するスクリプトに改造してみることにする。
 これで、ページビュー伸びるぞ☆
 画像系ブログを運営の方は使えるかも?

Google Ajax Feed Api 勉強中(フィードの内容)
Google Ajax Feed Api 勉強中(正規表現で画像URLの抜き取り)






 ちなみにFC2ブログは勿論、いろいろなブログでは、他URLの画像が引用できないようにサーバー側で設定されているので、自分のブログの新着記事にしか使えません。
(でも、管理画面でのRSSの表示件数分は出来るのかも? 良く分からない…なんか、「http://cutiephotoshop.blog133.fc2.com/」の画像引用出来てるんですが…ん?キャッシュかな? 表示されてるのはウチのパソコンだけ?)
<div id="feed"></div>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
doc="";

google.load("feeds", "1");

function initialize(){
// 実際に実行する中身

var feedurl = "http://cutiephotoshop.blog133.fc2.com/?xml";
var feed = new google.feeds.Feed(feedurl);
feed.setNumEntries(10);
feed.load(function(result){

//各エントリーの取得
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var title = entry.title;
var link = entry.link;
var imgurl= entry.content.match(/http:\/\/[-_.!~()a-zA-Z0-9\/?:\@&=+\$%#]+(?:jpg?|gif?|png)/i);

if (imgurl != null){
doc+='<a href='+link+' title="'+title+'"><img src='+imgurl+' /></a>';
}
} //for entry
//書き出し
document.getElementById("feed").innerHTML=doc;

}); //result
} //initialize

google.setOnLoadCallback(initialize);
</script>
このエントリーをはてなブックマークに追加
Tue.07.10.2012
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。