Warning: Creating default object from empty value in /home/10-8/www/stereotype/wp-includes/bookmark.php on line 36

#StereoType.TV

Icon

108's weblog(Private+EC+Program)

tumblrの画像をランダムに背景画像に設定するようにしてみた。

JSONで受信して差し込む。

//ここから

<script type="text/javascript">

function tumblr_background(a){

//jsonオブジェクトを格納
tObj=a['posts'];

//24枚からランダムに取得してbackgroundImageに設定
document.body.style.backgroundImage='url('+ tObj[Math.floor(Math.random()*24+1)]['photo-url-1280'] +')';

//ついでに背景固定
document.body.style.backgroundAttachment='fixed';

}

</script>
<div><script type="text/javascript" src="http://[ユーザID].tumblr.com/api/read/json?start=0&num=24&type=photo&callback=tumblr_background"></script></div>
<div></div>
<div>

//ここまで

をコピーして[ユーザID]を自分のに変えてfooterにでも埋め込めば誰でも使えます。

Category: ステレオタイプラボ

Tagged: , , , ,

Leave a Reply

PR