将 Tumblr 照片帖子作为 Photoset答案

【问题标题】：Make Tumblr Photo Post Act As Photoset将 Tumblr 照片帖子作为 Photoset
【发布时间】：2015-01-17 14:14:06
【问题描述】：

我是 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}

【问题讨论】：

[此链接][1] 解决了该问题。不是一个很好的解决方案，但有效:) – [1]：stackoverflow.com/questions/23406370/…

标签： html tumblr

【解决方案1】：

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

<div class="photo-slideshow">

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

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

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

【讨论】：