改变Tumblr隐藏我的照片

时间:2015-05-12 22:04:19

标签: hide tumblr

我想让我的主题展示像普通照片一样的照片,但一个在另一个之下。

我现在正在使用这个主题http://theme-neptune.tumblr.com/

这是Photoset块的代码

{block:Photoset}

    {block:IndexPage} 
    <div class="photoset">
      <div class="box">
        <div class="hover">
            <a href="{Permalink}" class="set">PHOTOSET</a>
            <a href="{Permalink}">See full set</a>
        </div>
      </div>
      {Photoset-250}
    </div>
    {/block:IndexPage} 

    {block:PermalinkPage} 
    {Photoset-500}
    {/block:PermalinkPage}

    {block:IndexPage}
    {block:ifshowcaption}
    {block:Caption}
    <div class="caption photo_caption">{Caption}</div>{/block:Caption}
    {/block:ifshowcaption}
    {/block:IndexPage}

{/block:Photoset}

我对这一切都很陌生,我需要帮助。

1 个答案:

答案 0 :(得分:2)

会照片

您可以使用{block:Photos}

在照片集中循环播放照片
{block:Photoset}
{block:Photos}
<img src="{PhotoURL-250}">
{/block:Photos}
{/block:Photoset}

这会将每张照片输出为img元素。以下是OP问题的标记:

{block:Photoset}

    {block:IndexPage} 
    <div class="photoset">
      <div class="box">
        <div class="hover">
            <a href="{Permalink}" class="set">PHOTOSET</a>
            <a href="{Permalink}">See full set</a>
        </div>
      </div>

      {block:Photos}
      <img src="{PhotoURL-250}"{block:Caption} alt="{PlaintextCaption}"{/block:Caption}>
      {/block:Photos}

    </div>
    {/block:IndexPage} 

    {block:PermalinkPage} 
    {block:Photos}
    <img src="{PhotoURL-500}"{block:Caption} alt="{PlaintextCaption}"{/block:Caption}>
    {/block:Photos}
    {/block:PermalinkPage}

    {block:IndexPage}
    {block:ifshowcaption}
    {block:Caption}
    <div class="caption photo_caption">{Caption}</div>{/block:Caption}
    {/block:ifshowcaption}
    {/block:IndexPage}

{/block:Photoset}