Forked from: sw_lucchini's tumblrのpostから画像のみを取得して表示してみる diff(2) forked from: tumblrのpostから画像のみを取得して表示してみる baires Follow 2010-06-25 08:00:21 License: MIT License Fork0 Fav0 View486 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 15 lines HTML 1 lines CSS 3 lines forked from: tumblrのpostから画像のみを取得して表示してみる jQuery v1.4.2 // forked from sw_lucchini's "tumblrのpostから画像のみを取得して表示してみる" http://jsdo.it/sw_lucchini/tumblr $(document).ready(function(){ $.getJSON("http://lucchini.tumblr.com/api/read/json?callback=?", function(data) { $.each(data.posts.slice(0, 10), function(i,posts){ var type = this["type"]; var photo = this["photo-url-75"]; if(type === "photo"){ $('ul').append('<li><img src="' + photo + '" \/><\/li>'); } else { return; } }); }); }); <ul></ul> forked from: tumblrのpostから画像のみを取得して表示してみる img{vertical-align:bottom;} ul{margin:0;} li{display:inline;} // forked from sw_lucchini's "tumblrのpostから画像のみを取得して表示してみる" http://jsdo.it/sw_lucchini/tumblr $(document).ready(function(){ $.getJSON("http://lucchini.tumblr.com/api/read/json?callback=?", function(data) { $.each(data.posts.slice(0, 10), function(i,posts){ var type = this["type"]; var photo = this["photo-url-75"]; if(type === "photo"){ $('ul').append('<li><img src="' + photo + '" \/><\/li>'); } else { return; } }); }); }); <ul></ul> img{vertical-align:bottom;} ul{margin:0;} li{display:inline;} use an iframe compat browser, deer Tweet QR code Embed Design view Code view <script type="text/javascript" src="http://jsdo.it/blogparts/qwAr/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/baires/qwAr" title="forked from: tumblrのpostから画像のみを取得して表示してみる">forked from: tumblrのpostから画像のみを取得して表示してみる - jsdo.it - share JavaScript, HTML5 and CSS</a></p> zip tags Tweet twitter