Plugin/Image

Plugin Image

画像配置用のプラグイン

概要

ページ内での画像サイズを揃えやすくする目的で、画像の幅をコンテンツ領域幅の％で指定する仕様で作成しました。配置画像の実寸(pixel)にかかわらず、画像の幅はコンテンツ領域幅に対する比率を保ちます。

• 普通に画像を置くだけであれば、以下のように添付画像名の指定のみです。

  #image(sample.jpg)

• 画面右側の1/4の領域に表示したい場合は、
  以下のように書きます。

  #image(sample.jpg,right,25%)
• 画面中央に表示する場合は、以下のように書きます。

  #image(images/sample.jpg,center,20%)

書式

#image(画像ファイル名, [ left / right / center ] , 初期表示(%) , "一行コメント")

• 画像ファイル名には、添付ファイルとURL(直リンク)が利用できます。
• left あるいは right を記述すると回りこみます。
• 初期表示サイズ(%)は、コンテンツ領域に対する割合を意味します。
  従来の単位はピクセルでしたが、このプラグインの単位は%です。
• 何も記載しない場合は100%（コンテンツ幅いっぱい）で表示されます。
  ただし、もともと小さな画像が拡大されることはありません。
  
  

書式(インライン要素)

&image(画像ファイル名, , 初期表示(%) , "一行コメント");

• あまり使うことはないと思いますが、文章の途中に画像を挟む場合用です。
• 不要になる２つ目のパラメータは空欄で。
  
  

使用例

この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。

以下のように記載しています。

#image(images/sample.jpg,right,30%,"これはサンプル画像です。")
この文章は回りこみ動作確認用のダミーです。・・・
#clear