Tumblr:显示尺寸合适的照片的最佳方式

时间:2014-04-08 07:59:22

标签: html css tumblr

我希望我的模板可以为照片设置不同的尺寸,因为它是肖像或风景图像。

例如:

if (dimensions == landscape)
{LinkOpenTag}
    <img src="{PhotoURL-500}" width="800" height="600" class="photo" alt="{PhotoAlt}" />   
{LinkCloseTag}
else
{LinkOpenTag}
    <img src="{PhotoURL-500}" width="600" height="800" class="photo" alt="{PhotoAlt}" />
{LinkCloseTag}

1 个答案:

答案 0 :(得分:3)

遗憾的是,如果图像仅来自Tumblr主题运算符的横向/纵向,则无法解决问题。你需要使用javascript来解决这个问题。

但是,我怀疑为什么你需要知道这一点,因为以下两种方式都会以自然尺寸/方向显示图像:

{LinkOpenTag}
    <img src="{PhotoURL-500}" class="photo" alt="{PhotoAlt}" />
{LinkCloseTag}

或者:

{LinkOpenTag}
    <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" class="photo" alt="{PhotoAlt}" />
{LinkCloseTag}

参考:http://www.tumblr.com/docs/en/custom_themes#photo-posts