LogoMark.png

画像掲載サンプル の変更点


#author("2021-07-29T16:57:38+09:00;2020-03-30T20:14:58+09:00","default:inoue.ko","inoue.ko")
*写真掲載サンプル
様々な写真の掲載方法を紹介しています
~

***最もシンプルな記述
 #image(images/sample.jpg)
#image(images/sample.jpg)

~

***文字列同様に並べる場合

以下のように「 &・・・; 」の形式にすることで、インライン要素として、すなわち文字列並びと同様に扱うことができます。文章の間に画像を挟むことも可能です。
 &image(sample.jpg,,20%); &image(sample.jpg,,20%); &image(arrow.svg,,20%);
&image(images/sample.jpg,,20%); &image(images/sample.jpg,,20%); &image(images/arrow.svg,,20%);
~


***ギャラリー形式(表組み) 
以下のように「 |(縦ストローク)」を用いて表組みにすることで、ギャラリー形式に画像を並べることが可能です。
 |#image(images/sample.jpg)|#image(images/sample.jpg)|#image(images/sample.jpg)|
 |AAA|BBB|CCC|
 |#image(images/sample.jpg)|#image(images/arrow.svg)|#image(images/sample.jpg)|
 |DDD|EEE|FFF|
         :
|#image(images/sample.jpg)|#image(images/sample.jpg)|#image(images/sample.jpg)|
|AAA|BBB|CCC|
|#image(images/sample.jpg)|#image(images/arrow.svg)|#image(images/sample.jpg)|
|DDD|EEE|FFF|
|#image(images/sample.jpg)|#image(images/sample.jpg)|#image(images/sample.jpg)|
|GGG|HHH|III|

~

***記事内回り込み表示
 #image(images/sample.jpg,right,30%)
#image(images/sample.jpg,right,30%)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
~
~