html - 将 Tumblr Photo Post 作为 Photoset

Question

我是 Tumblr 的新手。我有这样的问题:

我正在使用 Indy 主题。当我发布多张照片时，点击它就像幻灯片一样，我的意思是它被发布为 {block:Photoset}。但是当我发布一张照片时，点击后它会将我重定向到另一个页面。

我只想让一张照片充当照片集，并在点击后显示在同一页面上。

提前谢谢。

这是主题的部分html:

{block:Photo}
                <article class="post-photo" id="{PostID}">
                    <div class="post-content">
                    {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{/block:IndexPage}
                    {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}{/block:PermalinkPage}
                    {block:Caption}<p>{Caption}</p>{/block:Caption}
                {/block:Photo}


{block:Photoset}>
                <article class="post-photoset" id="{PostID}">
                    <div class="post-content">
                        <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
                          {block:Photos}
                            <div class="photo-data">
                              <a rel="post-{PostID}" href="{PhotoURL-HighRes}" {block:Caption}title="{Caption}"{/block:Caption}>
                              <div class="pxu-photo">
                                <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
                              </div>
                              </a>
                            </div>
                          {/block:Photos}
                        </div>
                    {block:Caption}<p>{Caption}</p>{/block:Caption}
                {/block:Photoset}

Answer 1

看起来你可以通过将你的图像包装在同一个 div 中来使用已经存在的 Tumblr 灯箱 -

<div class="photo-slideshow">

如果这不起作用，那么您可以使用第三方库来实现它，例如，这是一个非常简单的灯箱 -

http://lokeshdhakar.com/projects/lightbox2/

将其链接到您的代码后，只需使用他们的文档即可将您的图像加载到灯箱中!