読者です 読者をやめる 読者になる 読者になる

あれこれ備忘録@はてなブログ

勉強したことやニュースや出来事を備忘録として書いていきます

Amazonで今すぐ使えるクーポンGET !

APIを使わずにTumblrから画像を読み込む

Tumblr API無しに画像をできるだけ読み込んで表示する。

使わせてもらったのは検索してたまたま出てきたNIRALOGさん。

NIRALOG (tumblr): Archive

編集のプレビューでは読み込めるが、アップロードすると駄目らしい。

追記: やっぱりタイミングで読み込まれなかっただけでした。

ボタンを押すと読みこむように変更。

<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$(document).ready(function() {
    $("#btn_load").click(function() {
        $.ajax({
            url: 'http://query.yahooapis.com/v1/public/yql?q=' + 'SELECT%20*%20FROM%20html%20WHERE url="http://ukix.tumblr.com/archive"&format=xml',
            type: "GET",
            dataType: "xml"
        }).done(function(data) {
            $(data).find(".post_thumbnail_container").each(function(i, element) {
                html = '<img src="' + $(element).attr("data-imageurl").replace(/250/g, "500") + '" /><img>';
                $("#photo").append(html);
            });
        });
    });
});
</script>
<input id="btn_load" type="button" value="読み込み開始" />
<div id="photo"></div>

広告を非表示にする