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

在Tumblr,the maximum image size is 500px.我想知道如何在我的自定义主题中获得更大的图像.

解决方法

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

这种方法取决于Tumblr的{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进行乱码,通常可以在img标签中使用style =“max-width：100％”.