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

Как мне отредактировать этот 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}

image html css photo tumblr
person Philip    schedule 01.04.2012    source источник
comment
Можете ли вы уточнить, пытаетесь ли вы изменить внешний вид публикации фотографии (одно изображение) или фотосета (несколько изображений). Tumblr работает с обоими по-разному, поэтому ответ будет другим.   -  person mikedidthis    schedule 15.07.2013

Ответы (3)


arrow_upward
2
arrow_downward

Увеличение от 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}/>

Он уменьшает 1280 пикселей до 435 пикселей для индекса и уменьшает его до 900 пикселей для страницы с постоянной ссылкой, как показано здесь: http://phillypraxis.tumblr.com/tagged/images

person user1593984    schedule 12.08.2012
comment
Хотя это даст вам желаемый эффект, вы отправляете изображение шириной 1280 пикселей, чтобы выполнить работу изображения размером 500 пикселей. - person mikedidthis; 15.07.2013

arrow_upward
0
arrow_downward

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

<img src="{PhotoURL-500}" width="600" alt="{PhotoAlt}"/>
person user1301428    schedule 01.04.2012
comment
@Philip Филипп, я добавил код. Я не делал этого раньше, потому что был на мобильном устройстве. - person user1301428; 03.04.2012

arrow_upward
-1
arrow_downward

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

enter code herereplaceRawPhotoLinks: function() {
      $("article.photo div.media a[href*='/photo/1280']").each(function() {`enter code here`
person kant    schedule 04.04.2012
comment
Код неполный и не объясняет, что делает этот факт. - person mikedidthis; 15.07.2013