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