ueBLOG | RandomTumblrを作ってみた
http://www.ueblog.org/randomtumblr/photo/(Tumblrのユーザー名)/(サイズ 75,100,250,400,500のどれか オプション)/
例 ueblog を画像サイズ100で表示
ちなみにrandomtumblrのサーバー側のロジックはこんだけ、db使わないからモデルもない
urls.py >|python| #randomtumblr (r’^randomtumblr/photo/(?P.*)/$’, ‘djblogkit.blog.randomtumblr.show’),
randomtumblr.py
from django.shortcuts import render_to_response from django.http import Http404 def show(request, uid=None): photourl_list = [“photo-url-75”, “photo-url-100”, “photo-url-250”, “photo-url-400”, “photo-url-500”] if request.method == “GET”: if request.GET.get(“size”, None) in photourl_list: photourl = request.GET.get(“size”) else: photourl = photourl_list[-1] else: return Http404 if not uid: return Http404 return render_to_response(“randomtumblr.html”, {“uid”:uid, “photourl”:photourl}) subscrib
<html> <head> <title>Random Tumblr - ueblog</title> <script type="text/javascript" src="/media/javascript/jquery.js"></script> <script type="text/javascript" src="http://ueblog.tumblr.com/api/read/json?num=1&type=photo"></script> <script type="text/javascript" src="/media/javascript/jquery.jsonp.js"></script> <script type="text/javascript"> function get_total() { return tumblr_api_read["posts-total"]; } function get_random() { return Math.floor(Math.random() * get_total()); } function tumblr_image_jsonp() { var url = "http://ueblog.tumblr.com/api/read/json?callback=tumblr_image&type=photo&num=1&start=" + get_random(); $.getJSONP(url, tumblr_image); } function tumblr_image(json) { var result = json.posts[0]; var url = result["url"]; var photo_url = result["photo-url-100"]; $("#photo_link").attr("href", url); $("#photo_link").attr("target", "_blank"); $("#photo_img").fadeOut(); $("#photo_img").attr("src", photo_url); $("#photo_img").fadeIn(); } $(document).ready(function () { tumblr_image_jsonp(); setInterval(tumblr_image_jsonp, 8000); }); </script> </head> <body> <div id="photo"> <!-- <span id="photo_click">click</span> --> <a id="photo_link"> <img id="photo_img"> </a> </div> </div> </body> </html>