增加tumblr照片尺寸

问题描述：

如何编辑此html，以便我可以自定义照片的宽度，tumblr似乎不喜欢将照片大小更改为更大。我抬头看，但不明白maxwidth:600px适合哪里，或者这是甚至是最好的办法。增加tumblr照片尺寸

海量感谢的人谁可以帮我

{block:Photo} 

    <div class="permalink"> 
    {block:IfNotDisqusShortname}<a href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname} 
    {block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date} 
    </div> 

    <div class="photo post"> 

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

    {block:Caption} 
     <p>{Caption}</p> 
    {/block:Caption} 

    <div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp; {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div> 

    </div> 

    {block:PostNotes} 
    <div>{PostNotes}</div> 
    {/block:PostNotes} 

{/block:Photo}

能你澄清你是否试图改变一张照片（一张图片）或一张照片（多张图片）张贴的外观。 Tumblr处理不同的问题，因此答案会有所不同。 – mikedidthis 2013-07-14 20:47:16

答

如果我理解你的问题，你可以简单地添加宽度=“600”的形象标签的alt属性之前：

<img src="{PhotoURL-500}" width="600" alt="{PhotoAlt}"/>

@Philip我已经添加了代码。我之前没有这样做，因为我在移动设备上。 – user1301428 2012-04-03 13:56:59

答

请查看slidestheme.tumblr.com上关于此行的源代码：

enter code herereplaceRawPhotoLinks: function() { 
     $("article.photo div.media a[href*='/photo/1280']").each(function() {`enter code here`

代码是不完整的，并且解释了这个实际的功能。 – mikedidthis 2013-07-14 20:48:29

答

从500px使它变得模糊。 Tumblr实际上存储了比500px更宽的图像副本。它被称为HighRes，它是（最多）1280px。

例如，在您的主题HTML中，将photoURL-500替换为photo-HighRes并从中调整大小。

在我的主题，我用它像这样：

{block:PermalinkPage}<a href="{PhotoURL-HighRes}">{/block:PermalinkPage} 
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" {block:IndexPage}width="435px" 
{/block:IndexPage}{block:PermalinkPage}width="900px"{/block:PermalinkPage}/>

它缩小了1280px到435px的指数，它缩小到900px的固定链接页面，如下所示：http://phillypraxis.tumblr.com/tagged/images

虽然这会给你想要的效果，你发送一个1280px宽的图像做一个500px图像的工作。 – mikedidthis 2013-07-14 20:50:04

增加tumblr照片尺寸

相关推荐