Tumblr에 애니메이션 GIF가 표시되지 않는 포토 셋

Question

좋아, 문제가 무엇인지 잘 알고 있지만 가장 좋은 해결책을 알아야합니다. 나는이 주제 http://kalalalani.tumblr.com/

의 크게 수정 된 버전을 사용하고

애니메이션 GIF를 포함 photosets을 reblogging 때 내 클라이언트는 문제를 제기했다. 소스 코드 (내가 만진 적이없는이 부분은) 다음과 같습니다

{block:Photoset} 
    <li class="photoset"> 
     {block:Photos} 
      {block:HighRes}<p><img src="{PhotoURL-HighRes}" alt="photo"></p>{/block:HighRes} 
      {block:Caption}<p>{Caption}</p>{/block:Caption} 
     {/block:Photos} 
     <p class="meta"> 
      <a href="{Permalink}">{TimeAgo}</a> 
      {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes} 
      {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments} 
      {block:ContentSource} 
       &nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p> 
      {/block:ContentSource} 
     </p> 
    </li> 
    {/block:Photoset} 

문제는 이미지의 크기가 존재할 가능성이 애니메이션 GIF를 위해 {PhotoURL-highres 있습니다}와 함께입니다.

그래서 기본 해결 방법은 무엇입니까? {PhotoURL-500} 및 {PhotoURL-100}을 시도했지만 어느 것도 작동하지 않는 것 같습니다.

so

1) 가장 좋은 기본값은 무엇입니까?

2) 폴백을 작성하는 방법이 있습니까? 고해상도가없는 경우 Photo-HighRes가 있거나 PhotoURL-500 (기본값이 무엇이든간에)을 사용하십시오.

TIA. 루크

Answer 1

당신이 말했듯이, 대체는 가장 최적의 솔루션이 될 것입니다.
다행히도 tumblr의 {PhotoURL-HighRes} 변수가 이미 자체적으로 변경되었으며 자동으로 가장 높은 해상도의 이미지가 표시됩니다.

이미지를 항상 표시하려면 해상도에 관계없이 img src으로 {PhotoURL-HighRes}을 사용하십시오.

이 대체를 엉망으로 (그리고 다른 해상도를 시도에서 당신의 시도는) 문서에 따르면, 아니 고해상도의 이미지를 사용할 수있는 경우, 따라서 단지 Rendered if there is a high-res or panorama photo for a post.

되면, {block:HighRes}{/block:HighRes} 태그 블록은 무슨 (대부분의 클라이언트 GIF의 경우와 마찬가지로) 전체 이미지 노드는 나타나지 않습니다.

주변의 {block:HighRes}{/block:HighRes} 태그를 제거하면 가장 높은 해상도의 이미지가 항상 렌더링됩니다.

는 내용이 참조 official documentation

<p><img src="{PhotoURL-HighRes}" alt="photo"></p> 

==============에

{block:HighRes}<p><img src="{PhotoURL-HighRes}" alt="photo"></p>{/block:HighRes}

가입일.