写真掲載サンプル の変更点

九州産業大学 情報科学研究科


#author("2020-01-14T14:56:02+09:00;2020-01-14T14:51:42+09:00","default:staff","staff")
#author("2020-01-14T14:56:47+09:00;2020-01-14T14:51:42+09:00","default:staff","staff")
*写真掲載サンプル
様々な写真の掲載方法を紹介しています
~

***最もシンプルな記述
#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)|
|AAAA|BBBB|CCCC|
|#image(sample.jpg)|#image(sample.jpg)|#image(sample.jpg)|
|AAAA|BBBB|CCCC|
|#image(sample.jpg)|#image(sample.jpg)|#image(sample.jpg)|
|AAAA|BBBB|CCCC|
以下のように「|(縦ストローク)」を用いて表組みにすることで、ギャラリー形式に画像を並べることが可能です。
 |#image(sample.jpg)|#image(sample.jpg)|#image(sample.jpg)|
 |AAAA|BBBB|CCCC|
 |#image(sample.jpg)|#image(sample.jpg)|#image(sample.jpg)|
 |AAAA|BBBB|CCCC|
         :
~

***記事内回り込み表示
#image(sample.jpg,right,30%)
現在の社会は、今も年々情報化が進んでいます。そうした時代のニーズに応える形で、本研究科は2004年4月に開設されました。わが国がめざす知識基盤社会の展開を支える情報システムを構築できる技術と展望を持った人材や、人間の認知・知的処理能力をコンピュータ上で実現する技術を開発できる人材といった、将来求められる人材の育成をめざします。
 #image(sample.jpg,right,30%)
~
~

Sample画像:Composition-8 (Public Domain)
https://commons.wikimedia.org/wiki/File:Wassily_Kandinsky_Composition_VIII.jpg
Sample画像:[[Composition-8 (Public Domain)>https://commons.wikimedia.org/wiki/File:Wassily_Kandinsky_Composition_VIII.jpg]]
~