|
|
|
Top / plugin / ref / 表示例
ref 記述と表示例 †
このページには、画像ファイル(pic02.jpg)、PDFファイル(pdf01.pdf)が添付されています。
引数ごとの表示方法の違いを説明します。
- ref 記述と表示例
- 何も指定しない
- タイトル(代替テキスト、代替文字列、alt属性)を指定する
- 左寄せ、センタリング、右寄せ − left,center,right
- 画像の周りを囲む − wrap,nowrap
- テキストの回りこみを指定する − around
- アイコンを表示しない − noicon
- 画像を表示しない − noimg
- 画像ファイルへリンクしない − nolink
- 表示サイズの変更 − zoom,max,min,999x999,resize,fit,999%
- 画像のキャプション(注釈)を表示する − caption,captiontop
- 複数の表示方法を指定する。
何も指定しない †
何も指定しない場合、次の内容で表示されます。
- ブロック型:左寄せ、テーブルタグで囲まない、回り込みなし、画像へのリンクあり、元の画像サイズ、タイトル(alt)はファイル名
- インライン型:左寄せ、画像へのリンクあり、元の画像サイズ、タイトル(alt)はファイル名
- 編集画面
&ref(pic02.jpg);
#ref(pic02.jpg)
- 公開画面
-
タイトル(代替テキスト、代替文字列、alt属性)を指定する †
表示されている画像にマウスオーバーすると確認できます。
- 編集画面
&ref(pic02.jpg,こねこの画像);
- 公開画面
左寄せ、センタリング、右寄せ − left,center,right †
引数にright center right を指定します。
- 編集画面
#ref(pic02.jpg,left) :左寄せ
#ref(pic02.jpg,center) :センタリング
#ref(pic02.jpg,right) :右寄せ
- 公開画面
-
画像の周りを囲む − wrap,nowrap †
※ ブロック型プラグイン #ref で使用できます。(&ref は使用できません)
- 編集画面
#ref(pic02.jpg,wrap) :囲む
#ref(pic02.jpg,nowrap) :囲まない
- 公開画面
-
テキストの回りこみを指定する − around †
※ ブロック型プラグイン #ref で使用できます。(&ref は使用できません)
- 編集画面
#ref(pic02.jpg,around)
回り込みテキスト回り込みテキスト・・・
#clear
- 公開画面
-
回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト
回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト
回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト
画像を右寄せして、テキストの回り込みを指定する †
- 編集画面
#ref(pic02.jpg,right,around)
回り込みテキスト回り込みテキスト・・・
#clear
- 公開画面
-
回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト
回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト
回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト
アイコンを表示しない − noicon †
- 編集画面
&ref(pdf01.pdf); アイコンを表示
&ref(pdf01.pdf,noicon); アイコンを表示しない
- 公開画面
- pdf01.pdf
pdf01.pdf
画像を表示しない − noimg †
- 編集画面
&ref(pic02.jpg,noimg); 表示しない
&ref(pic02.jpg); 表示する
- 公開画面
- pic02.jpg
画像ファイルへリンクしない − nolink †
- 編集画面
&ref(pic02.jpg,nolink); リンクしない
&ref(pic02.jpg); リンクする
- 公開画面
-
表示サイズの変更 − zoom,max,min,999x999,resize,fit,999% †
【説明用画像】
画像ファイル(pic02.jpg) の詳細
幅 150ピクセル×高さ 150ピクセル
ファイルサイズ:28KB
表示サイズを指定する(元の画像の幅・高さの比率を維持しない) †
999x999
- 編集画面
&ref(pic02.jpg,100x150);
&ref(pic02.jpg,150x100);
&ref(pic02.jpg,200x250);
- 公開画面
-
指定したサイズで表示する(元の画像の幅・高さの比率を維持する) †
zoom,999x999
指定されたサイズに内接する最大の大きさで表示されます。
- 編集画面
&ref(pic02.jpg,zoom,100x120); 100x100 で表示
&ref(pic02.jpg,zoom,130x150); 130x130 で表示
&ref(pic02.jpg,zoom,200x250); 200x200 で表示
- 公開画面
-
元の画像の大きさに関係なく、表示する最大サイズを指定する。 †
max,999x999
これ以上大きく表示させたくない場合に使用します。
- 編集画面
&ref(pic02.jpg,max,100x100); 100x100 で表示
&ref(pic02.jpg,max,200x200); 150x150 で表示(元のサイズ)
- 公開画面
-
表示サイズを倍率で指定する。 †
999%
- 編集画面
&ref(pic02.jpg,50%); 50%に縮小
&ref(pic02.jpg,150%); 150%に拡大
- 公開画面
-
表示サイズを倍率で指定する(あらかじめ指定されたサイズを基準) †
fit,999% − このサイトでは、800ピクセルが指定されています。
- 編集画面
&ref(pic02.jpg,fit,10%); 10%(80x80)で表示
&ref(pic02.jpg,fit,25%); 25%(200x200)で表示
- 公開画面
-
リサイズする †
画像ファイルを指定したサイズにリサイズします。大きなファイルはデータサイズが小さくなるため、表示速度が向上します。
- 編集画面
&ref(pic02.jpg,100x100,resize); 100x100 にリサイズして表示
- 公開画面
画像のキャプション(注釈)を表示する − caption,captiontop †
- 編集画面
&ref(pic02.jpg,caption,こねこの画像); 下付き表示
&ref(pic02.jpg,captiontopこねこの画像); 上付き表示
- 公開画面
- こねこの画像
こねこの画像
複数の表示方法を指定する。 †
- 編集画面
#ref(pic02.jpg,wrap,around,nolink,zoom,120x120,caption,こねこの画像_1)
テーブルで囲む、回り込み、リンクなし、比率維持 120×120、下付きキャプション
#ref(pic02.jpg,around,nolink,zoom,100x100,captiontop,こねこの画像_2)
テーブルで囲まない、回り込み、リンクなし、比率維持 100×100、下付きキャプション
#ref(pic02.jpg,wrap,around,75%,caption,こねこの画像_3)
テーブルで囲む、回り込み、リンクあり、元サイズの75%、下付きキャプション
#clear
- 公開画面
こねこの画像_1 |
こねこの画像_2
|