javascript - 禁用 Tumblr 照片集或更改它们的大小?

标签 javascript html css tumblr

我已经能够将我的照片放大到我博客上的单张照片帖子, http://blog.seans.ws ,但 Tumblr 照片集将我的宽度限制为 500 像素

我怎样才能使照片集的布局更大,或者只是禁用该功能并以高分辨率一张接一张地显示我的照片?这是照片集代码:

             {block:Photoset}
                 <article>
                    <span class="break" style="padding-bottom: 19px;"></span>
                    {Photoset-500}
                    {block:Caption}
                        <p>{Caption}</p>
                    {/block:Caption}
                    <p></p>
                    <time>{TimeAgo}</time>
                </article>
            {/block:Photoset}

这是单张照片代码,我可以在其中制作巨大的照片:

            {block:Photo}
                <article>
                    <span class="break"></span>
                    <img src="{PhotoURL-HighRes}" class="highres">
                    <p>{Caption}</p>
                    <time>{TimeAgo}</time>
                </article>
            {/block:Photo}

谢谢!

最佳答案

确实没有必要使用 Javascript 和 Tumblr API。

您可以使用 {block:Photos} 单独浏览每个 Photoset 中的照片。

例如在你的例子中:

{block:Photoset}
     <article>
        <span class="break" style="padding-bottom: 19px;"></span>

        <!-- Go through each Photo in the Photoset -->
        {block:Photos}
            <img src="{PhotoURL-HighRes}" class="highres">
        {/block:Photos}

        {block:Caption}
            <p>{Caption}</p>
        {/block:Caption}
        <p></p>
        <time>{TimeAgo}</time>
    </article>
{/block:Photoset}

请记住,Documentation是你的 friend :)

关于javascript - 禁用 Tumblr 照片集或更改它们的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10963932/

相关文章:

javascript - 如何拆分大型 React 组件?

filter - IE 9 的 RGBA 文本替代品。无法解决此问题

javascript - 如何在页面刷新后保留动态创建的 html 元素及其数据/值

javascript - 如何将列表传递给 JSF 中的 javascript

html - 在 H1 CSS 中更改一个词的权重

javascript - 无法绑定(bind)到放置在模板内的自定义元素的属性

html - 对齐段落中留下的一行文本? CSS/HTML

jquery - 自定义 Accordion 幻灯片效果jquery

javascript - 主干事件触发两次

html - 将底行的 Flex 元素对齐到其他元素下方