Plugin Help/imageの変更点
[通常ページへ戻る] [通常差分表示] [Wikiスタイルで差分表示] [Wikiスタイルで差分表示(削除の表示無し)]表記
= 変更なし
+ 追加
- 削除
同一行で追加削除があれば変更。
変更点
1:= {{topic Help,tc:Plugin Help}}
2:=
3:= 「image」プラグインの説明ページです
4:=
5:=
6:= {{outline Plugin Help/image}}
7:=
8:=
9:= !!!説明
10:= {{edit Plugin Help/image,pr}}
11:= !内容
12:=
13:= *インライン プラグイン
14:= プラグイン構文を書く事で、画像を表示出来ます。
15:=
16:= Wikiで画像を表示させるには幾つかの方法があります。
17:=
18:= 一つは、画像のURLをWikiページに書く方法。{{br}}
19:= 画像のURLと判別されると、URL部分が画像として(<img>タグとして)表示されます。外部のURL含め、簡易に画像を表示させられますが、細かい指定が出来ないのが難点です。
20:=
21:= もう一つは、標準プラグインであるref_imageプラグイン、もしくはref_bannerプラグイン等の拡張プラグインで表示させる方法。{{br}}
22:= ページに画像を添付して、「ref_image ファイル名」という感じで指定すれば、画像を表示する事が出来ます。標準プラグインは素っ気ない作りですが、拡張プラグインならプラグインの作り次第で多彩な表示も可能です (当Wikiでは改造によって多彩な表示を用意してあります)。{{br}}
23:= しかしこれにも問題があって、添付したファイルを表示させる場合はdownload.cgiを経由しての表示となるので、画像展開絡みの処理負担がかかる(表示に時間がかかる)という問題があります。
24:=
25:= これらの点はFSWikiLiteに留まらず、FSWikiでも一緒で、FSWikiの方ではその解決のために[直リンク画像表示プラグイン|http://fswiki.poi.jp/wiki.cgi?page=BugTrack%2Dplugin%2F261@@]というもの等を使って、直接imgタグ表示させる方法を見いだしていました。
26:=
27:= そのプラグインをFSWikiLiteで導入出来ないかとソースを見てみましたが、管理人の技量では簡単には移植出来そうになかったので(^^;)、考え方を変えて、もう少し簡易なCGIソースを作ってみました。{{br}}
28:= CGIを使ってCGIディレクトリ以外(niftyで言えばhomepageディレクトリ)に画像をアップロード出来、その画像をimageプラグインでWiki内にimgタグとして表示する事が出来ます。download.cgiを使うよりも明らかに表示が速いです。
29:=
30:= 説明が長くなってしまうため、導入の仕方についてはここでは省きます。
31:=
32:=
33:=
34:= !構文
35:=
36:= {{image 画像ファイル名,表示サイズ(省略可),サムネイルファイル名(省略可),float(省略可)}}
37:=
38:= {{image 画像ファイル名}}
39:= {{image 画像ファイル名,表示サイズ}}
40:= {{image 画像ファイル名,表示サイズ,サムネイルファイル名}}
41:= {{image 画像ファイル名,表示サイズ,サムネイルファイル名,float}}
42:=
43:= :画像ファイル名:表示させたい画像ファイル名。image.cgiで登録したファイル名、もしくは外部URL(http〜)で指定。省略不可
44:= :表示サイズ:画像の表示サイズを任意のサイズに指定(GIF、JPEG、PNGのみ可能・ファイル名をhttp〜で指定した場合はサイズ変更出来ない)。0〜200 (パーセント指定・元の大きさで表示したいなら100)。0の場合は画像表示せず文字によるリンクとなる。サムネイルファイル名を「same」「n」以外で指定した場合はこの設定は無視される。省略可能
45:= :サムネイルファイル名:画像ファイル名で指定した画像の代わりに表示させるサムネイルファイル名(サムネイルをクリックすると画像ファイルを表示)。image.cgiに登録されたファイル名、もしくは外部URL(http〜)。「same」とすると、画像ファイルを設定した表示サイズで表示し、クリックすると実際のサイズで表示するように出来る(サムネイルファイルを用意しないで縮小表示→クリックで拡大表示を使いたい場合)。サムネイルファイル名を指定せずfloatを指定したい場合は「n」とする。省略可能
46:= :float:画像の配置位置。文字等の後の要素は回り込む。省略時「none」。「left」「right」を指定。省略可能
47:=
48:= {{br}}
49:=
50:= floatの回り込みを解除したい場合は、divプラグイン
51:= {{div style,clear:both, }}
52:= を使って下さい (「clear:both,」の後は何でもいいが、半角スペースだと上手くいかないので例のように全角スペース等が良い)。
53:=
54:= !image.cgiについて
55:=
56:- imageプラグインで利用する画像をアップロード、削除するのには「[image.cgi|http://hpcgi3.nifty.com/%7Eio/fswiki-l/image.cgi@@]」を利用します。
56:+ imageプラグインで利用する画像をアップロード、削除するのには「[image.cgi|http://ana.na.coocan.jp/fswiki-l/image.cgi@@]」を利用します。
57:=
58:= アクセスすると画像アップ用のフォームがあり、それでアップ出来ます。アップ可能な画像は128KB以下のGIF、JPEG、PNG、BMPとなっています。サーバがパンクしないようアップ可能なファイル総数を設定してあり、それを超えた場合はいらないファイルを削除しないとアップロード出来ません。
59:=
60:= 既に存在するファイルと同じ名前のファイルはアップ出来ません。ファイル名は日本語も可能ですが、アップロード時、エンコードライクな名前に変更されますし、分かりやすい英文字で付けておいた方が無難かと思われます。
61:=
62:= アップされたファイルは添付ファイルと異なり、cgi-binディレクトリでなく、homepageディレクトリに保存されます(niftyでの問題を解決)。保存ディレクトリの設定はsetup.plで行っています。
63:=
64:= 選択ボタンを押してアップロードしたい画像を自分のディスク内から選択し、アップボタンを押す事でアップロード出来ます。アップロード時に任意の削除パスワードを設定する事も可能です(忘れないように!!)。
65:=
66:= 無事アップ出来ると、アップファイル一覧という中にリストアップされているはずです。リンクをクリックすると画像を見る事が出来ます。Wikiで使う場合のimageプラグイン構文「image 画像ファイル名」も表示されているので、それをコピー、Wikiの文中にペーストすればWikiで表示出来ます。
67:=
68:= リストでは良く分からない時は、「直接画像表示」のリンクをクリックする事で画像を表示しての一覧を見る事が出来ます。縦か横が100ピクセルを超えるものは半分のサイズになって表示されるので、縮小設定の参考にもなります。
69:=
70:= いらなくなった画像は削除をクリックして削除する事が出来ます(アップした本人が削除して下さい)。心配なら、アップロード時に削除パスワードをつけ、パスを知っていないと削除出来ないようにも出来ます(忘れてしまった時は管理人にお伝え下さい)。
71:=
72:= 目的外の利用をされないよう、将来的には何らかの制限を施す可能性がありますが(リファラーやIPによる制限等は既に入れてあります)、とりあえず様子を見て考えます。
73:=
74:=
75:= !例
76:= {{image firefox.jpg}}
77:= {{image firefox.jpg}}
78:=
79:= {{image http://homepage3.nifty.com/%7Eio/fswiki-l/upimage/firefox.jpg}}
80:= {{image http://homepage3.nifty.com/%7Eio/fswiki-l/upimage/firefox.jpg}}
81:=
82:= {{image firefox.jpg,30}} 30%に縮小表示
83:= {{image firefox.jpg,30}}
84:=
85:= {{image firefox.jpg,0}} サイズ0なら文字でリンク
86:= {{image firefox.jpg,0}}
87:=
88:= {{image firefox.jpg,100,firefox-thum.jpg}} 表示サイズ100にしてあるがサムネ有りだと無視されるので幾つでもOK
89:= {{image firefox.jpg,100,firefox-thum.jpg}}
90:=
91:= {{image firefox.jpg,10,same}} サムネ使わず元画像を10%に縮小して、クリックで拡大するようにしてある
92:= {{image firefox.jpg,10,same}}
93:=
94:= {{image firefox.jpg,50,same,right}} 右に配置
95:= {{image firefox.jpg,50,same,right}}
96:=
97:= 50%に縮小し右に表示して回り込み。赤いキツネでなく、緑のタヌキなブラウザはまだかな?
98:=
99:= {{div style,clear:both, }}
100:=
101:=
102:=
103:= !!!
104:= {{br 3}}
105:= !!!ページ内容にコメント
106:= {{comment reverse-p1,Plugin Help/image,プラグインヘルプimage}}