2011-04-02 12 views
1

私はBandit Design(http://blog.bandit.co.nz/post/87511743/tumblr-featured-posts-javascript-plugin)によって作成されたFeatured Posts Pluginを使用していますが、実際の投稿のリストにテキスト投稿の画像を含めたいと思います1つの投稿、それより下の投稿タイトルの画像、あなたが不思議だったら)。 Tumblr APIには、テキスト投稿内の写真のパラメータが含まれていないという問題があります(投稿全体を呼び出すことはできますが、ここではそれは理想的ではありません)。私のJavascriptの知識の深さは、「どういうわけか、物事を働かせるのに十分なものだが、たぶん、物事を壊す可能性が高い」と記述することができます。Tumblr APIを使用してテキスト投稿内の画像を呼び出す

コード私が今持っている:

/* 
TUMBLR FEATURED POSTS SCRIPT 
Automatically gets all posts tagged with "featured" and lists them 
REQUIRES JQUERY! 
-------------------------------------- 
Created by james <at> bandit.co.nz 
http://blog.bandit.co.nz 

Some code borrowed from Jacob DeHart's AJAX Search: 
http://blog.bandit.co.nz/post/80415548/tumblr-ajax-inline-search 
    */ 
    Featured = { 
'apiNum' : 50, // how many posts to read 
'listId' : '_featured', // the id of the ul to write to 
'tagName' : '_featured', // the name of the tag we're searching for 
'linkAppend' : '', // html to append to the end of each linked post 

'postDB' : [], 
'listPos' : 0, 
'doList' : function (where) { 
    var li; var ul = $('#'+where); 
    var titles = {"link":"link-text", "photo":"photo-caption", "quote":"quote-text", "regular":"regular-title", "video":"video-caption"} 

    // cycle through post database 
    pcount = Featured.postDB.length; 
    for(i=Featured.listPos;i<pcount;i++) { 
     p = Featured.postDB[i]; 
     if(p[titles[p.type]] != '') titlestr = p[titles[p.type]].replace(/<\/?[^>]+>/gi, ''); 
     else titlestr = p['url']; 

     li = document.createElement('li'); 
     $(li).html('<a class="'+p.type+'" href="'+p["url-with-slug"]+'">'+p["regular-body"]+titlestr+Featured.linkAppend+'</a>'); 
     ul.append(li); 

     Featured.listPos = pcount; 
    } 
}, 

'getData' : function() { 
    $.get('/api/read/json?num='+Featured.apiNum+'&tagged='+Featured.tagName, 
     function(data) { 
      eval(data); 
      for(i=0;i<tumblr_api_read.posts.length;i++) { 
       Featured.postDB.push(tumblr_api_read.posts[i]); 
       Featured.doList(Featured.listId); 
      } 
     } 
    ); 
} 
    }; 

    $(document).ready(function(){ 
Featured.getData(); 
    }); 

すべてのヘルプははるかに高く評価されるだろう。

答えて

1

あなたはこれが最初の画像投稿の体を見つけて、右側のリストでタイトルの前に追加しますli

$(li).append($(p['regular-body']).find('img')[0]) 
    .append('<a class="'+p.type+'" href="'+p["url-with-slug"]+'">'+titlestr+Featured.linkAppend+'</a>'); 

を作成する行を変更することができます。

+0

すぐに追加してください。完全に機能します。とても感謝しております。 – Andrew

関連する問題