制作Tumblr Photo Post Act作为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/

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