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/

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

制作Tumblr Photo Post Act作为Photoset

1 个答案: