tumblrのカスタムテーマで大きな画像を取得するにはどうすればよいですか？

Question

Tumblrでthe maximum image size is 500px。私は私のカスタムテーマでより大きな画像を取得する方法を知りたい。

Answer 1

ない高解像度の画像が存在しない場合、標準的なサイズのものを使用するようにのみ複雑さはフォールバックを含めています。 注：これらの手順は、Tumblrのテーマ言語を使用してカスタムテーマを作成するためのものです。これはフォトブロック内にある必要があることにも注意してください。{block:Photo} {/block:Photo}

この方法はTumblrの{block:HighRes}に依存しています。 {block:HighRes}{/block:HighRes}でラップされたコードは、画像の高解像度バージョンが存在する場合にのみ存在します。

まずは、通常の画像を非表示にします。

<img src="{PhotoURL-500}" {block:HighRes}style="display:none"{/block:HighRes} /> 

第二は、カスタムクラスと大きな画像を表示します。

{block:HighRes} 
    <img src="{PhotoURL-HighRes}" class="highres"> 
{/block:HighRes} 

注：あなたはおそらく最大画像幅を設定する必要がありますようクラスが必要です。カスタムCSSを使いたくない場合は、一般にstyle="max-width:100%"をimgタグ内で使用してください。

Answer 2

あなたが使用することができます{PhotoURL-HIGHRES} - それはまた、こんにちは解像度の写真がアップロードさがあるか否かを検出するために、ブロックが付属しています。 Docs and details can be found here：）

また、それはあなたが高解像度の写真をアップロードしていない場合を区別したくなる可能性が高いです。このようなブロックを使用すると、可能であれば高解像度の画像を表示し、デフォルトでは500pxの画像にならないようにすることができます。

{block:IfContentWidth500} 
    <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> 
{/block:IfContentWidth500} 

{block:IfNotContentWidth500} 
    <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/> 
{/block:IfNotContentWidth500} 

高解像度の写真はアップロードされたサイズでレンダリングされることに注意してください。それらを動作させるために、max-widthプロパティをイメージ要素またはスタイルのコンテナに追加すると便利です。

また、あなたはこのことができますenable hi-res photos from your theme options

希望する必要があります！