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

前端之家收集整理的这篇文章主要介绍了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%”.

猜你在找的HTML相关文章