LogoMark.png

JohnSmith/PhotoCollection の変更点


#author("2020-10-27T13:14:57+09:00;2020-10-27T13:13:56+09:00","default:inoue.ko","inoue.ko")
*[[JohnSmith]]
Photo Collection
~


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

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

~

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

以下のように「 &・・・; 」の形式にすることで、インライン要素として、すなわち文字列並びと同様に扱うことができます。文章の間に画像を挟むことも可能です。
 &image(sample.jpg,,20%); &image(sample.jpg,,20%); ・・・
&image(images/sample.jpg,,20%); &image(images/sample.jpg,,20%); &image(images/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(images/sample.jpg)|#image(images/sample.jpg)|#image(images/sample.jpg)|
|AAA|BBB|CCC|
|#image(images/sample.jpg)|#image(images/sample.jpg)|#image(images/sample.jpg)|
|DDD|EEE|FFF|
|#image(images/sample.jpg)|#image(images/sample.jpg)|#image(images/sample.jpg)|
|GGG|HHH|III|

~

***記事内回り込み表示
 #image(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.
~

***他のページにある画像を流用掲載する方法
例えば、JohnSmith さんの 情報デザイン演習IIA のページにある MainVisual.jpg をこのページに掲載するには、以下のように記載します。
 #image(JohnSmith/情報デザイン演習IIA/MainVisual.jpg,,30%)
#image(JohnSmith/情報デザイン演習IIA/MainVisual.jpg,,30%)
~
~