movabletype.jp
検索

MTAssetThumbnailURL FUNCTION

MTAssetThumbnailLink がサムネイルを表示する img 要素を表示するのに対し、MTAssetThumbnailURL はサムネイルの URL のみを表示します。

使い方

<mt:If tag="AssetCount">
    <mt:Assets type="image" lastn="10">
        <mt:AssetsHeader>
<div class="widget-recent-assets widget">
    <h3 class="widget-header">アイテム</h3>
    <div class="widget-content">
        <ul>
        </mt:AssetsHeader>
        <li class="item"><a class="asset-image" href="<$mt:AssetURL$>"><img alt="<$mt:AssetLabel$>" src="<$mt:AssetThumbnailURL height="70" square="1"$>" width="70" height="70" title="<$mt:AssetLabel$>" class="asset-img-thumb" /></a></li>
        <mt:AssetsFooter>
        </ul>
    </div>
</div>
        </mt:AssetsFooter>
    </mt:Assets>
</mt:If>

モディファイア

width="value_foo"

画像のサムネイルの幅を指定値 (px) で出力します。高さは比率を保ち自動算出されます。元画像のサイズより大きな値を指定した場合は、無視されます。

height="value_foo"

画像のサムネイルの高さを指定値 (px) で出力します。幅は比率を保ち自動算出されます。width と height の両方を指定した場合、元画像サイズの長辺の指定を適用し、短辺は比率を保って自動算出します。

scale="scale_foo"

画像のサムネイルを実際サイズの指定値 (%) 縮小して出力します。

square="1 | 0"

サムネイルを 1:1 で出力します。辺のサイズは width または height モディファイアを付与して設定します。

Updated on 2015-07-09, 19:20 .

Movable Type 関連書籍