#author("2021-07-29T16:35:44+09:00","default:inoue.ko","inoue.ko") #author("2023-09-26T17:01:48+09:00","default:inoue.ko","inoue.ko") *[[JohnSmith]] Photo Collection Edit Manual ~ 様々な写真の掲載方法を紹介しています ~ ***最もシンプルな記述 #image(images/sample.jpg) #image(images/sample.jpg) ~ ***中央に少し小さく #image(images/sample.jpg, center, 70%) #image(images/sample.jpg, center, 70%) ~ ***文字列同様に並べる場合 以下のように「 &・・・; 」の形式にすることで、インライン要素として、すなわち文字列並びと同様に扱うことができます。文章の間に画像を挟むことも可能です。 &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. ~ ~