シンプルな暮らし。

MTで縦長横長の画像を判定する。

個人的にやろうと思ってやっていなかったMTで縦長と横長の画像を判定して、それぞれ別のサイズ指定で縮小表示させる方法。

<$mt:AssetProperty>にて画像の横幅と縦幅が取得できるので、その数値を比較して処理する流れです。意外に簡単ですね。

<mt:If tag="[カスタムフィールドのフィールド名]">
<div class="box_entry_image">
<mt:[カスタムフィールドのフィールド名]Asset>

<mt:Ignore>画像のwidthを取得</mt:Ignore>
<mt:SetVarBlock name="width"><$mt:AssetProperty property="image_width"$></mt:SetVarblock>

<mt:Ignore>画像のheightを取得</mt:Ignore>
<mt:SetVarBlock name="height"><$mt:AssetProperty property="image_height"$></mt:SetVarblock>

<mt:Ignore>【横長の場合】</mt:Ignore>
<mt:If name="width" ge="$height">
<a href="<$MTEntryPermalink$>"><img src="<$mt:AssetThumbnailURL width="640"$>" width="640" border="0" alt="<$MTEntryTitle$>" /></a>
<mt:Else>

<mt:Ignore>【縦長の場合】</mt:Ignore>
<a href="<$MTEntryPermalink$>"><img src="<$mt:AssetThumbnailURL height="425"$>" height="425" border="0" alt="<$MTEntryTitle$>" /></a>
</mt:Else></mt:If>
</mt:[カスタムフィールドのフィールド名]Asset>
</div>
</mt:If>

 

 

ads by google

Ads by goolge

Recent Entries

Ads by Rakuten