Увеличить размер фотографии Tumblr - PullRequest
Новая
       38

Увеличить размер фотографии Tumblr

0 голосов
/ 01 апреля 2012

Как мне отредактировать этот html, чтобы я мог настроить ширину фотографии, кажется, tumblr не нравится изменять размер набора фотографий на что-то большее. Я посмотрел вверх, но не понимаю, куда подойдет maxwidth:600px или если это даже лучший способ сделать это.

Огромное спасибо всем, кто может мне помочь 

{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}

Ответы [ 3 ]

2 голосов
/ 13 августа 2012

Увеличение с 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

0 голосов
/ 04 апреля 2012

Проверьте на slidestheme.tumblr.com, в исходном коде для этой строки: 

enter code herereplaceRawPhotoLinks: function() {
      $("article.photo div.media a[href*='/photo/1280']").each(function() {`enter code here`
0 голосов
/ 02 апреля 2012

Если я понимаю ваш вопрос, вы можете просто добавить width = "600" перед атрибутом alt тега image: 

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