LogoMark.png

image の変更点


#author("2017-05-27T18:54:47+09:00","default:sdafst","sdafst")
*PlugIn Image
画像配置用のプラグイン
~


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

***書式(ブロック要素)
 #image(画像ファイル名, [ left / right / center ] , 初期表示(%) , "一行コメント")

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

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

-あまり使うことはないと思いますが、文章の途中に画像を挟む場合用です。
-2つ目のパラメータは空欄でお願いします(すみません)。
~

***使用例
#image(images/dummy2.jpg,right,30%,"これはサンプル画像です。")
この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。この文章は回りこみ動作確認用のダミーです。
#clear
~
以下のように記載しています。
 #image(images/dummy2.jpg,right,30%,"これはサンプル画像です。")
 この文章は回りこみ動作確認用のダミーです。・・・
 #clear
~
~