画像表示1(image)
#image(ここに画像のＵＲＬ)
もしくは
#image(ここに同じページにアップロードしたファイル名)
と入力することで、指定した画像を表示します
また()内にカンマ区切りで以下のパラメーターを指定することで動作を変更できます。
| パラメーター |
説明 |
| center |
画像を中央寄せ |
| left |
画像を左寄せ |
| right |
画像を右寄せ |
| height=(数字) |
画像の高さを指定 |
| width=(数字) |
画像の幅を指定 |
| page=(ページ名) |
ファイル名で画像を貼り付けるとき、指定した別ページのアップロードファイルを利用します |
| title=(文字列) |
カーソルを合わしたときにポップアップされる文字列 |
| (その他追加URL) |
そのURLへのリンク |
| blank |
(その他追加URL)とblankを指定すると別ウインドウで追加URLを開きます |
| inline |
画像の前後のdivを表示せず、通常のインライン要素として表示します。
このパラメーターを記述するとleft,right,center等が効かなくなります |
例）
#image(center,http://atwiki.jp/image/header_logo.gif)
#image(http://atwiki.jp/image/header_logo.gif,right)
#image(http://atwiki.jp/image/header_logo.gif)
#image(http://atwiki.jp/image/header_logo.gif,http://atwiki.jp/)
#image(http://atwiki.jp/image/header_logo.gif,http://atwiki.jp/,blank)
と入力すると
と表示されます
- 注意:画像ファイル名で指定する場合は、利用ページにファイルをアップロードする必要があります。
- ＝＞別のページの画像を貼り付けたい場合は、「 page=ページ名 」 パラメーターをご利用ください。
画像表示2(ref)
#ref(ここに画像のＵＲＬ)
もしくは
#ref(アップロード画像ファイル名,画像がアップロードされているページ名)
と入力することで指定した画像を表示します。
また()内,区切り3つ目以降に以下のパラメーターに指定することで動作を変更できます。
| パラメーター |
説明 |
| center |
画像を中央寄せ |
| left |
画像を左寄せ |
| right |
画像を右寄せ |
| height=(数字) |
画像の高さを指定 |
| title=(文字列) |
カーソルを合わしたときにポップアップされる文字列 |
| width=(数字) |
画像の幅を指定 |
| (URL) |
画像指定以降のURLは、記述したURLへのリンクとなります |
例）
#ref(http://atwiki.jp/image/header_logo.gif,,center)
と入力すると
と表示されます。
アップロード画像の別ウィンドウ表示(blankimg)
&blankimg(画像ファイル名)
と記述することで、アップロードした画像ファイルを別ウィンドウで表示させることができます。
,区切りで以下のパラメーターを指定することでサムネイルのサイズを変更できます。
※画像ファイル名の代わりにURLの指定も可能です。
※アップロードした画像を表示させるには、プラグインを使用するページに予めしておく必要があります。
(「編集」＞「このページにファイルをアップロード」)
| パラメーター |
説明 |
| width=(数値) |
リンク用サムネイル画像の横サイズを指定 |
| height=(数値) |
リンク用サムネイル画像の縦サイズを指定 |
※サイズ指定がない場合は、128x128のサイズになります。
使用例)
&blankimg(sl.gif,width=102,height=76)
ランダム画像表示(random_img)
&random_img(画像ファイル名,画像ファイル名,画像ファイル名,…)
と記述することで、ランダムに画像を表示させることができます。
※表示させる画像は、プラグインを使用するページに予めアップロードしておく必要があります。
(「編集」＞「このページにファイルをアップロード」)
※画像ファイル名の代わりにURLの指定も可能です。
使用例)
&random_img(s1.gif,s2.gif,s3.gif,s4.gif,s5.gif)
ウェブサイトのサムネイル画像リンク作成 (simpleapi_img)
&simpleapi_img(URL)
と記述することで、ウェブサイトのサムネイル画像を使ったリンクを表示させることができます。
※一度の表示で2つまでのご利用となります。
使用例)
&simpleapi_img(http://atwiki.jp)
Lightbox JS 画像ポップアップ表示プラグイン(lightbox)
&lightbox(画像ファイルのURL)
と記述することで、
Ligtbox JS
を使った画像のポップアップ表示ができます。
wikiのページにアップロードした画像を使用する場合は、画像ファイル名を指定します。
,区切りで以下のパラメーターを指定することで動作を変更できます。
| パラメーター |
説明 |
| title=テキスト |
リンクのタイトル |
| link=text |
ポップアップ用テキストリンク(デフォルト) |
| link=image |
ポップアップ用サムネイル画像リンク |
| percent=数値 |
サムネイル画像の縮尺をパーセンテージで指定 |
| width=数値 |
サムネイル画像の横幅を指定 |
| height=数値 |
サムネイル画像の縦幅を指定 |
※ lightboxプラグインの使用は1ページにつき1回までとなります。
※ titleに何も指定しない場合、「Thumbnail」となります。
※ サムネイルの画像サイズは、percent もしくは widthとheightで指定します。
使用例）画像リンクでポップアップ表示
&lightbox(http://atwiki.jp/image/header_logo.gif,
link=image,title=@wiki,percent=100)
と入力すると以下のように表示されます。
画像をクリックすると、ポップアップ表示します。
pixivイラスト表示(pixiv)
#pixiv(){埋め込みHTMLタグ}
と入力することで、pixivのイラストを表示します。
pixivは、イラストの投稿・閲覧を通じて、気軽にコミュニケーションできるWebサービスです。
埋込み用HTMLタグは、
pixiv*のページで簡単に取得することができます。
使用例）※ 使用例表示の都合上一部改行をしておりますが、プラグイン使用の際には改行せずにHTMLタグを入力ください。
#pixiv{
<iframe style="background:transparent;" width="380" height="168"
frameborder="0" marginheight="0" marginwidth="0" scrolling="no"
src="http://embed.pixiv.net/code.php?id=
839174_4392b74b9211adbb7ea40c32b6b1f105"></iframe>
}
このwikiの更新情報RSS
