如何在tumblr主题中禁用photoset

Question

我想要禁用photoset并在网格框中显示一个图像，我在img标签外使用{block：Photos} {/ block：Photos}，但是，它仍然不起作用，我不知道为什么

代码：

  {block:photoset}

               {block:Photos} 
                    <img src="{PhotoURL-500}" border="0" />
               {/block:Photos} 

           {block:Caption}
           <div class="entry">
             <blockquote>{Caption}</blockquote>
           </div>
           {/block:Caption}
         {/block:photoset}

Answer 1

如果您只想显示Photoset的第一张图片，则必须执行此操作：

HTML：

{block:Photoset}
    <div class="my-photoset">
        {block:Photos}
            <img src="{PhotoURL-500}" border="0" />
        {/block:Photos}
    </div>

    {block:Caption}
    <div class="entry">
        <blockquote>{Caption}</blockquote>
    </div>
    {/block:Caption}
{/block:Photoset}

CSS：

.my-photoset img {
    display: none;
}

.my-photoset img:first-child {
    display: block;
}

您可以将类更改为您想要的类，我只是将它们作为示例。你可以在主题中加入一些课程。