Plugin Image
画像配置用のプラグイン
概要
ページ内での画像サイズを揃えやすくする目的で、画像の幅をコンテンツ領域幅の％で指定する仕様で作成しました。配置画像の実寸(pixel)にかかわらず、画像の幅はコンテンツ領域幅に対する比率を保ちます。
- 普通に画像を置くだけであれば、以下のように添付画像名の指定のみです。
#image( sample.jpg )
- 画面右側の30%の領域に表示したい場合は、
以下のように書きます。#image( sample.jpg, right, 30% )
- 画面中央に表示する場合は、以下のように書きます。
#image( sample.jpg, center, 40% )
対応画像形式
GIF / JPG / PNG / WebP / SVG
書式
#image( 画像ファイル名, [ left / right / center ] , 初期表示(%) , "一行コメント" )
- 画像ファイル名は 添付ファイル名 または URL(直リンク)が利用できます。
- left あるいは right を記述すると回りこみます。
- 初期表示サイズ(%)は、コンテンツ領域に対する割合を意味します。
従来の単位はピクセルでしたが、このプラグインの単位は%です。 - 何も記載しない場合は100%（コンテンツ幅いっぱい）で表示されます。
ただし、もともと小さな画像が拡大されることはありません。
書式(インライン要素)
&image( 画像ファイル名, , 初期表示(%) , "一行コメント" );
- あまり使うことはないと思いますが、文章の途中に画像を挟む場合用です。
- 不要になる２つ目のパラメータは空欄で。
使用例
この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。
以下のように記載しています。
#image( images/sample.jpg, right, 30%,"これはサンプル画像です。" ) この文章は回りこみ動作確認用のダミーです。・・・ #clear