2014-06-05 195 views
1

我滿足於我目前的主題,但照片沒有正確佈置,它們與我的照片寬度相同,但是比如說我重新編輯照片並排放置照片,它不會在我的博客中以這種方式顯示出來,它會顯示在彼此之下,這是非常令人沮喪的,因爲它會使圖像變得模糊。 這是我的一組照片html代碼。無論如何要糾正這一點?照片佈局不工作tumblr

</div> 
{/block:Photo} 

{block:Photoset} 
<div class="entry"> 
    <div class="photosetbox"> 

     {block:Photos} 
<img src="{PhotoURL-HighRes}" class="highres"> 
{/block:Photos} 

    {block:IndexPage}  
     <div class="photosett"> 
      {block:Date} 
       {block:NoteCount}{NoteCountWithLabel}&nbsp;&bull;&nbsp;{/block:NoteCount}<a href="{Permalink}">{12Hour}:{Minutes} {CapitalAmPm}</a> 
      {/block:Date} 
     </div> 
      <div class="photoset_a"> 
       <a href="{ReblogURL}" target="_blank"></a> 
      </div> 
    {/block:IndexPage} 
    </div> 

回答

1

Photoset照片

您當前的代碼指定要從photoset每張照片在HTML呈現爲img標籤:

{block:Photos} 
<img src="{PhotoURL-HighRes}" class="highres"> 
{/block:Photos} 

要渲染photoset,你有兩個選項。要麼使用內置的特徵/主題操作符。這會給你一個iframe內部具有photoset預建:

{Photoset-700} 

或者使用插件把你當前的代碼,並把它變成一個photoset。

參考

Tumblr Theme Operators - Photosets

Photoset Grid jQuery Plugin

+0

您好,感謝,但是當我更換(photoUrl-HIGHRES)與(Photoset-700),它只是使我的博客真的扭曲 – user3705674

+0

@ user3705674你替代喜歡的代碼?我能看到這個問題的鏈接嗎? – mikedidthis

+0

我替換了沒有工作的代碼,所以我發現這個代碼{block:IfLargePostsWidth} {Photoset-700} {/ block:IfLargePostsWidth} ,當我把{photoset-500}放得太小,不符合我普通照片的寬度 – user3705674