添付/画像 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• 添付/画像 へ行く。
• 添付/画像 の差分を削除

添付ファイル・画像の貼り付け
[[添付ファイルの取り扱いについて>http://pukiwiki.cafelounge.net/plus/?Documents%2FPlugin%2FAbout%20the%20handling%20of%20the%20attached%20file]]
*画像の添付方法 [#g66ffe21]
1.画像をアップロードする
2.記法を書いて画像を表示させる。
***1　画像をアップロードする。 [#wc8af0c2]
#ref(upload.jpg,around,40%)
a メニュー＞編集＞添付を選ぶ
もしくは、
b 右下の &ref(http://vwrr.kilo.jp/WikiBOX/image/file.png,,nolink); アイコンをクリック
#clear
#br
#ref(tenpu.png,around,50%);
『選択...』ボタンを押して、
自分のPCの任意のファイルを選ぶ 
『アップロード』ボタンを押す

#clear
>ページ左下に添付されたファイル名が表示される。
>&ref(http://vwrr.kilo.jp/pwiki/image/vwrr/exclamation_octagon_fram.png);
''&color(Red){できるだけ、軽い画像にしてください。};''大きくても100kb程度
***2　画像を表示させる [#jb174333]
次の記法を書いて表記させる
 #ref(アップロードしたファイル名)
もしくは
 &ref(アップロードしたファイル名);
>上記の違い。
＃　の場合は、必ず行頭で書かなくてはなりません。
　　位置、枠、回り込みができます。
＆　の場合は　行の途中にいれる場合に使います。『；』が要ります。
　　位置、枠、回り込みができません。
**位置、大きさ、リンク等の設定。 [#hfc73802]
#ref(添付ファイル名,位置,枠,回り込み,リンク,サイズ)
 #ref(r_glo.jpg)
#ref(r_glo.jpg)
>デフォルトで左寄せ、100％、画像ページへのリンク
***表記させる大きさを変える。 [#t9b156dd]
表示サイズを50％の大きさにする場合。
 #ref(ファイル名,,50%)←コンマを2個いれて50％(全て半角)を記入。
>指定しない場合はデフォルトで100％になります。

EX.
#ref(r_glo.jpg,,50%)
***画像の位置を左、中央、右　にする場合。 [#qff4bf35]
 #ref(ファイル名,center)←
#ref(r_glo.jpg,center)
>指定しない場合はデフォルトで左寄せになります。

***画像に枠をつける。 [#r6a5141e]
 #ref(r_glo.jpg,wrap)
#ref(r_glo.jpg,wrap)
***画像リンクにリンクさせない。 [#nb32fbc4]
 #ref(r_glo.jpg,nolink)
#ref(r_glo.jpg,nolink)
***テキストの回り込み [#t8d21d7a]
 #ref(r_glo.jpg,around,nolink,20%)
 #clear ←　これをいれないと　回り込みが続きます。
#ref(r_glo.jpg,around,nolink,20%)
テキストの回り込みをする方法です。
＆ref();では　回り込みしません。
回り込みを中止するために、行頭で#clearをいれます。
#clear
***中央、枠有り、リンクさせない、20％　の場合 [#nd97fc87]
 #ref(r_mono.jpg,center,wrap,nolink,20%)
#ref(r_mono.jpg,center,wrap,nolink,20%)



***このWiki内の画像を表示する方法 [#h368b1d6]
『クイックマニュアル』のページの『YouTube.png』の画像を表示させる場合
 &ref(クイックマニュアル/YouTube.png,nolink);
&ref(クイックマニュアル/YouTube.png,nolink);

***外部サイトの画像を表示する方法 [#f2459efb]
A&Aのページの中にある画像を表示させる。
表示させたい画像のURLをいれる。
 &ref(http://www.aanda.co.jp/Vectorworks2011/img/all/box_w73_dr.jpg);
&ref(http://www.aanda.co.jp/Vectorworks2011/img/all/box_w73_dr.jpg);

#ref(A&A.png,around,50%)
&ref(http://vwrr.kilo.jp/pwiki/image/vwrr/arrow_left.png);右クリックで画像のURLをコピー
#clear

***まとめ [#w056f820]
●#ref には、カンマで区切って下記のパラメタを指定できる。~
　◎添付ファイルが存在するページ名を指定。~
　　デフォルトは現在のページ。添付ファイル名の次に記述する。~
　○表示する位置を指定（left（デフォルト）、center、right）~
　○枠で囲むかどうかを指定（wrap、nowrap（デフォルト））~
　○テキストの回り込みを指定（around）+テキストの回り込みの解除（#clear）~
　◎添付ファイルへのリンクをしない。（nolink）~
　◎ファイル名の代わりに表示する文字列や画像の代替文字列を指定（代替文字列）~
　　ファイル名の代わりに表示する文字列や画像の代替文字列を指定~
**#ref(ファイルのURL)、&ref(ファイルのURL); [#hf6357df]
#ref(ファイルのURL,位置,枠,回り込み,リンク,サイズ)~
 #ref(http://kiyoeri.la.coocan.jp/pukiwiki/image/pukiwiki.gif,left,wrap,pukiwikiロゴ,50%)
#ref(http://kiyoeri.la.coocan.jp/pukiwiki/image/pukiwiki.gif,left,wrap,pukiwikiロゴ,50%)
 #ref(http://www.clocklink.com/clocks/0023-orange.swf?TimeZone=JST,true,75%)
&ref(http://www.clocklink.com/clocks/0023-orange.swf?TimeZone=JST);

#comment