Question

我使用的主题让photoset图像弹出到灰色画廊幻灯片放映。如果我只发布一张照片，即使我插入点击后到达网址也没有任何反应。我想为所有图像设置灰色幻灯片库。在仪表板上它可以工作，但不在主题中。

我认为缺少一些代码，但我不知道。有人可以看一下吗？

我使用这个主题http://mindspalace.tumblr.com

Answer 1

没有正式的方法可以做到这一点，但你可以捎带＆＃39; tumblr的灯箱功能Tumblr.Lightbox.init()，因为它已经加载在你的博客上用于照片集。它接受一个包含所有photoset图像的网址的数组，但在这种情况下只有一个图像，所以你可以通过它。

javascript tumblr的快速编辑附加到每个photoset，允许单张照片：

<script class="inline_embed" type="text/javascript">
    var domain = document.domain,
    photo_{PostID} = [{
        "width": "{PhotoWidth-HighRes}",
        "height": "{PhotoHeight-HighRes}",
        "low_res": "{PhotoURL-250}",
        "high_res": "{PhotoURL-HighRes}"
    }];

    function event_is_alt_key(e) {
        return ((!e && window.event && (window.event.metaKey || window.event.altKey)) || (e && (e.metaKey || e.altKey)));
    };

    document.getElementById('photo_{PostID}').onclick = function (e) {
        if (event_is_alt_key(e)) return true;

        window.parent.Tumblr.Lightbox.init(photo_{PostID});

        return false;
    }
</script>

在主题自定义的编辑HTML屏幕中，搜索{Block:Photo}及其内部，查找<img或{PhotoURL标记。您需要向id="{PostID}添加<img />，因此它类似于以下内容：

<img id="photo_{PostID}" src="{PhotoURL-500}" />

完成上述操作后，将修改后的javascript代码块复制到顶部并将其粘贴到图像代码之后，然后保存。单击图像帖子时，应该显示tumblr用于照片集的Lightbox并显示晕影背景。

Creating a custom HTML theme

Tumblr Photo / Photoset弹出窗口

1 个答案: