movabletype.jp
検索

MTAssetThumbnailLink FUNCTION

アイテムの種類が画像 (image)の場合、オリジナルファイルへのリンク付きのサムネイルを表示する XHTML タグを表示します。サイズを指定するモディファイアを併用して、サムネイルのサイズを指定することができます。サイズを指定しない場合は、オリジナルファイルと同サイズのサムネイルを生成して表示します。

使い方

<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$>"><$mt:AssetThumbnailLink height="70" square="1"$></a></li>
        <mt:AssetsFooter>
        </ul>
    </div>
</div>
        </mt:AssetsFooter>
    </mt:Assets>
</mt:If>

モディファイア

width="value_foo"

画像のサムネイルの幅を指定値 (px) で出力します。高さは比率を保ち自動算出されます。

<$MTAssetThumbnailLink width="250"$>
height="value_foo"

画像のサムネイルの高さを指定値 (px) で出力します。幅は比率を保ち自動算出されます。

<$MTAssetThumbnailLink height="100"$>
scale="scale_foo"

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

<$MTAssetThumbnailLink scale="50"$>
square="1 | 0"

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

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

Movable Type 関連書籍