tumblrのpostから画像のみを取得して表示してみる sw_lucchini Follow 2010-06-23 14:45:37 License: MIT License Fork1 Fav4 View2283 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 14 lines HTML 1 lines CSS 3 lines tumblrのpostから画像のみを取得して表示してみる jQuery v1.4.2 $(document).ready(function(){ $.getJSON("http://lucchini.tumblr.com/api/read/json?callback=?", function(data) { $.each(data.posts, 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> tumblrのpostから画像のみを取得して表示してみる img{vertical-align:bottom;} ul{margin:0;} li{display:inline;} $(document).ready(function(){ $.getJSON("http://lucchini.tumblr.com/api/read/json?callback=?", function(data) { $.each(data.posts, 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/pvUx/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/sw_lucchini/tumblr" title="tumblrのpostから画像のみを取得して表示してみる">tumblrのpostから画像のみを取得して表示してみる - jsdo.it - share JavaScript, HTML5 and CSS</a></p> zip tags tumblr Tweet twitter Tags jquery tumblr Favorite by soramugi taiyuuu: tumblr ethertank: jquerytumblr baires: tumblr Forked sort new page view favorite forked forked: tumblrのpostから画像のみを取得して.. Hiroki.Yoshi.. 00 40views 15/1/3 tumblr forked from: tumblrのpostから画像のみ.. baires 00 485views 15/1/3
