tumblrのpostから画像のみを取得して表示してみる sw_lucchini Follow 2010-06-23 14:45:37 License: MIT License Fork2 Fav6 View2517 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 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/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> tumblr Tweet twitter Tags jquery tumblr Favorite by abechangyu hokuto soramugi taiyuuu: tumblr ethertank: jquerytumblr baires: tumblr Forked sort new page view favorite forked forked: tumblrのpostから画像のみを取得して.. Hiroki.Yoshi.. 00 86views 15/1/3 tumblr forked from: tumblrのpostから画像のみ.. baires 00 545views 15/1/3
