MovableTypeで画像をリサイズ

| コメント(0) | トラックバック(0)

最近のMovableTypeは、テンプレート上で画像サイズを指定して、
構築時にリサイズやトリミングができる

サンプル


<mt:Entries>

<mt:EntryAssets>

<mt:SetVarBlock name="imgwidth"><mt:AssetProperty property="image_width" /></<mt:SetVarBlock>
<mt:SetVarBlock name="imgheight"><mt:AssetProperty property="image_height" /></<mt:SetVarBlock>
<mt:If name="imgwidth" gt="$imgheight">

<li><span><a href="<mt:EntryLink />"><img src="<mt:AssetThumbnailURL height="100" />" alt="サムネイル:<mt:EntryTitle />" title="<mt:EntryTitle />" /></a></span></li>
<mt:Else>
<li><span><a href="<mt:EntryLink />">
<img src="<mt:AssetThumbnailURL width="100" />" alt="サムネイル:<mt:EntryTitle />" title="<mt:EntryTitle />" /></a></span></li>
</mt:If>

</mt:EntryAssets>
</mt:Entries>

トラックバック(0)

トラックバックURL: http://www.kazy.jp/mt4/mt-tb.cgi/9

コメントする