LogoMark.png

JohnSmith/PhotoCollection

JohnSmith

Photo Collection

様々な写真の掲載方法を紹介しています

最もシンプルな記述

#image(sample.jpg)
sample.jpg


文字列同様に並べる場合

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

&image(sample.jpg,,20%); &image(sample.jpg,,20%); ・・・

sample.jpg sample.jpg sample.jpg

ギャラリー形式(表組み)

以下のように「 |(縦ストローク)」を用いて表組みにすることで、ギャラリー形式に画像を並べることが可能です。

|#image(sample.jpg)|#image(sample.jpg)|#image(sample.jpg)|
|AAA|BBB|CCC|
|#image(sample.jpg)|#image(sample.jpg)|#image(sample.jpg)|
|DDD|EEE|FFF|
        :
sample.jpg
sample.jpg
sample.jpg
AAABBBCCC
sample.jpg
sample.jpg
sample.jpg
DDDEEEFFF
sample.jpg
sample.jpg
sample.jpg
GGGHHHIII


記事内回り込み表示

#image(sample.jpg,right,30%)
sample.jpg

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.

他のページにある画像を流用掲載する方法

例えば、JohnSmith さんの 情報デザイン演習IIA のページにある MainVisual.jpg をこのページに掲載するには、以下のように記載します。

#image(JohnSmith/情報デザイン演習IIA/MainVisual.jpg,,30%)
MainVisual.jpg




PAGES

GUIDE

Last-modified: 2021-07-19 (月) 16:59:23