如何在我的tumblr自定义主题中获取大图像？

Question

在Tumblr中,最大图像大小为500px.我想知道如何在我的自定义主题中获得更大的图像.

Answer 1

唯一的复杂性包括回退,因此如果不存在高分辨率图像,则使用标准尺寸的图像.注意:这些说明适用于使用Tumblr主题语言创建自定义主题.值得注意的是,这必须在照片块内{block:Photo} {/block:Photo}

这种方法取决于Tumblr's {block:HighRes}.包裹着的代码{block:HighRes}{/block:HighRes},如果图像的高分辨率版本是目前唯一存在.

首先,隐藏正常图像.

<img src="{PhotoURL-500}" {block:HighRes}style="display:none"{/block:HighRes} />

其次,使用自定义类显示大图像.

{block:HighRes}
    <img src="{PhotoURL-HighRes}" class="highres">
{/block:HighRes}

注意:该类是必需的,因为您可能需要设置最大图像宽度.如果你不想搞乱自定义CSS,通常可以style="max-width:100%"在img标签中使用.