結合幻燈片/輪播到定製tumblr主題

Question

來到這裏非常特別的問題：

我一直在開發一個tumblr主辦的網站在本地，使用API​​的帖子拉，而無需複製和項目粘貼到tumblr百萬次。我決定我更喜歡API，只是在生產中使用它，但現在是時候部署，我意識到我必須回到自定義主題{block:Posts}方法。

我將帖子輸入到Cycle2幻燈片中，其中3張幻燈片包含3個帖子，每個帖子總共可以查看9個播放列表，而無需返回存檔。此方法與api完美協作，但在自定義主題中變得混亂。這裏是我當前的代碼：

<div class="cycle-slideshow"> 
    {block:Posts} 
    {block:Text} 

    <div class="slide-wrapper"> 
     <div class="post"> 
      {block:Post1} 
      {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title} 
      <div class="blog_item"> 
       {Body} 
      </div> 

      {/block:Post1} 
     </div> 
     <!--two more posts before end of slide... --> 
    </div> 

    {/block:Text} 
    {/block:Posts} 
    </div> <!--end of slide wrapper - 2 more of these before end of slideshow div.. 

我也試過報廢后的數字，但仍然沒有骰子。在tumblr的文檔中，他們說，

例如：{block：Post5}我是第五個帖子！{/ block：Post5}只會顯示在第五個帖子上。

我想知道「正在顯示」是指該帖子的html visibility，如果是，如果這是干擾循環插件？結果是每張幻燈片格式錯誤的帖子，然後在循環播放2張空白幻燈片後，接下來的最老的帖子取代了它的位置。如果有人遇到過類似的問題，我會很驚喜，但我會爲了一些建議而殺人。 Here's開發網站供參考（和第二輪播工作，因爲它仍然連接到api）。謝謝！！

Answer 1

一般來說，下面的代碼是你想要有3個幻燈片，每個3個職位。

注意的是，在附加設置的自定義屏幕上，你必須到後數設置爲9％頁爲了這個正常工作。我將它包裹在Index Page區塊中，否則這將在Permalink Page上看起來令人討厭。

{block:IndexPage} 
{block:Posts} 
    {block:Post1}<div class="cycle-slideshow">{/block:Post1} 
    {block:Post4}<div class="cycle-slideshow">{/block:Post4} 
    {block:Post7}<div class="cycle-slideshow">{/block:Post7} 

    <div class="slide-wrapper"> 

     {block:Text} 
     <div class="post"> 
      {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title} 
      <div class="blog_item"> 
       {Body} 
      </div> 
     </div> 
     {/block:Text} 

     {block:Photo} 
      ... 
     {/block:Photo} 

     ... 

    </div> 

    {block:Post3}</div>{/block:Post3} 
    {block:Post6}</div>{/block:Post6} 
    {block:Post9}</div>{/block:Post9} 
{/block:Posts} 
{/block:IndexPage} 

然而，如果你想3張幻燈片與職位類型的幻燈片之間的分裂，代碼看起來更像以下。

請注意，在這種情況下，如果您有9個文本中有4個文章，則所有4個文本文章將以Text幻燈片顯示結束。你必須使用JavaScript或CSS刪除或隱藏其他的職位，如果你真的很嚴格，你的3

{block:IndexPage} 
    <div class="cycle-slideshow"> 
    {block:Posts} 
     {block:Text} 
     <div class="slide-wrapper"> 
     <div class="post"> 
      {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title} 
      <div class="blog_item"> 
       {Body} 
      </div> 
     </div> 
     </div> 
     {/block:Text} 
    {/block:Posts} 
    </div> 

    <div class="cycle-slideshow"> 
    {block:Posts} 
     {block:Photo} 
     <div class="slide-wrapper"> 
      ... 
     </div> 
     {/block:Photo} 
    {/block:Posts} 
    </div> 
{/block:IndexPage} 

如果你需要我澄清什麼，讓我知道。