logo.png

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


#author("2020-03-09T06:08:55+01:00","default:user","user")
*写真掲載サンプル
様々な写真の掲載方法を紹介しています
~

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

~

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

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


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

~

***記事内回り込み表示
 #image(sample.jpg,right,30%)
#image(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.
~
~