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