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 View545 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 Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか？ Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <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> Tweet twitter
