Yahoo! JAPAN


{html_image}

{html_image} は、HTML の <img> タグを作成する カスタム関数 です。 height 属性と width 属性を省略した場合は、画像ファイルから自動的に算出します。

属性名必須デフォルト概要
filestringYesn/a画像のパス・ファイル名
heightstringNo実際の画像の高さ画像を表示する高さ
widthstringNo実際の画像の幅画像を表示する幅
basedirstringnoweb サーバのドキュメントルート相対パスの基準となるディレクトリ
altstringno""画像の代替テキスト
hrefstringnon/a画像にリンクする href の値
path_prefixstringnon/a出力パスのプレフィックス

テクニカルノート: {html_image} は、画像を読み込んで幅と高さを取得するため、 ディスクへのアクセスが必要です。テンプレートの キャッシュ を使用しない場合は、{html_image} ではなく静的に image タグを使用するほうがパフォーマンス的にお勧めです。

例 8-11. {html_image} の例

{html_image file='pumpkin.jpg'}
{html_image file='/path/from/docroot/pumpkin.jpg'}
{html_image file='../path/relative/to/currdir/pumpkin.jpg'}

上のテンプレートの出力

<img src="pumpkin.jpg" alt="" width="44" height="68" />
<img src="/path/from/docroot/pumpkin.jpg" alt="" width="44" height="68" />
<img src="../path/relative/to/currdir/pumpkin.jpg" alt="" width="44" height="68" />