Seesaa Wikiの記法リファレンスです。

画像の表示は、「&ref(画像のURL)」または「#ref(画像のURL)」という形式で画像のURLを囲みます。

GIF(拡張子 .gif)、JPEG(拡張子 .jpg)、PNG(拡張子 .png)形式の画像であれば、「&ref(画像のURL)」または「#ref(画像のURL)」で囲まなくても、画像が表示されますが、画像のサイズ指定ができません。
画像のサイズ指定を行なう場合は、「&ref(画像のURL)」または「#ref(画像のURL)」で画像のURLを囲んでください。

画像のサイズ指定は、「&ref(画像のURL,横幅,縦幅)」という形式でピクセル数でのサイズを指定と%による指定が可能です。
画像幅を100%に指定すると画像幅をコンテンツ幅に合わせて伸縮させることができます。

画像表示
記法名記法説明
画像表示1&ref(画像のURL)画像を表示します
画像表示2#ref(画像のURL)画像を表示します
画像表示3.jpg .gif .png の拡張子のURL画像を表示します
画像サイズ指定
記法名記法説明
画像サイズ指定&ref(画像のURL,横幅,縦幅)画像サイズを指定します
名称記法説明
Align(left)&ref(画像のURL,left)画像を左に表示します
Align(right)&ref(画像のURL,right)画像を右に表示します
titleとaltを設定
名称記法説明
title,alt設定&ref(画像のURL){テキスト}画像にtitle,alt属性を設定します

画像を表示する1

「&ref(画像のURL)」で画像を表示することができます。
記法名記法説明
画像表示1&ref(画像のURL)画像を表示します

サンプル

&ref(http://image02.wiki.livedoor.jp/t/e/tag_guide/154e0277fe074738.gif)

表示例




画像を表示する2

「#ref(画像のURL)」で画像を表示することができます。
記法名記法説明
画像表示2#ref(画像のURL)画像を表示します

サンプル

#ref(http://image02.wiki.livedoor.jp/t/e/tag_guide/154e0277fe074738.gif)

表示例




画像を表示する3

GIF(拡張子 .gif)、JPEG(拡張子 .jpg)、PNG(拡張子 .png)形式の画像であれば、「&ref(画像のURL)」または「#ref(画像のURL)」で囲まなくても、画像が表示されます。ただし、画像のサイズ指定ができません。
画像のサイズ指定を行なう場合は、「&ref(画像のURL)」または「#ref(画像のURL)」で画像のURLを囲んでください。
記法名記法説明
画像表示3.jpg .gif .png の拡張子のURL画像を表示します

サンプル

http://image02.wiki.livedoor.jp/t/e/tag_guide/154e0277fe074738.gif

表示例




画像サイズを指定する

「&ref(画像のURL,横幅,縦幅)」で、指定したサイズの画像を表示することができます。
横幅と縦幅はピクセル数で指定してください。
画像サイズを縦幅のみで指定する場合は、横幅を空白にし縦幅のみ指定してください。
記法名記法説明
画像サイズ指定&ref(画像のURL,横幅,縦幅)画像サイズを指定します
画像サイズ指定(縦幅のみ)&ref(画像のURL,,縦幅)画像サイズを縦幅で指定します
画像サイズ指定(%指定)&ref(画像のURL,100%)画像サイズを%で指定します

サンプル1 横幅を指定

&ref(http://image02.wiki.livedoor.jp/t/e/tag_guide/154e0277fe074738.gif,300)

表示例



サンプル2 横幅と縦幅を指定

&ref(http://image02.wiki.livedoor.jp/t/e/tag_guide/154e0277fe074738.gif,450,105)

表示例



サンプル3 縦幅のみで指定

&ref(http://image02.wiki.livedoor.jp/t/e/tag_guide/154e0277fe074738.gif,,200)

表示例



サンプル4 %で指定

&ref(http://image02.wiki.livedoor.jp/t/e/tag_guide/154e0277fe074738.gif,100%)

表示例




画像を左に表示する

「&ref(画像のURL,left)」で画像を表示することができます。
記法名記法説明
Align(left)&ref(画像のURL,left)画像を左に表示します

サンプル

&ref(http://image02.wiki.livedoor.jp/t/e/tag_guide/154e0277fe074738.gif,left)文字をいれるとこうなりますよ。

表示例

文字をいれるとこうなりますよ。




画像を右に表示する

「&ref(画像のURL,right)」で画像を表示することができます。
記法名記法説明
Align(right)&ref(画像のURL,right)画像を右に表示します

サンプル

&ref(http://image02.wiki.livedoor.jp/t/e/tag_guide/154e0277fe074738.gif,right)文字をいれるとこうなりますよ。

表示例

文字をいれるとこうなりますよ。




titleとaltを設定

「&ref(画像のURL){テキスト}」で画像にtitleとalt属性を設定することができます。
名称記法説明
title,alt設定&ref(画像のURL){テキスト}画像にtitle,alt属性を設定します

サンプル

&ref(http://image02.wiki.livedoor.jp/t/e/tag_guide/154e0277fe074738.gif){タイトルを設定します。マウスカーソルをあてるとポップアップ表示します。}

表示例

タイトルを設定します。マウスカーソルをあてるとポップアップ表示します。

このページへのコメント

画像のポップアップ(インクルード)はどう書けばいいのでしょか?
ページを戻すが見る方にストレスを感じさせるので、知っている方がいればよろしくお願いします。

Posted by 名無し 2014年12月03日(水) 14:24:08

&ref(http://stocks.finance.yahoo.co.jp/stocks/chart/?code=2706.T)
のように、gifやpngで始まらない動的な画像表示を試したところできないようです。やり方があるものでしょうか?

Posted by tsaka 2014年02月12日(水) 23:56:10

画像を配置して、画面を拡大表示しても画像が枠をはみ出さないようにはできますか?

Posted by 吉宗 2013年11月27日(水) 23:39:34
http://w.livedoor.jp/yoshimune3/

スタッフ様へ

やりたいことは
サムネイル画像を綺麗に並べて表でList化表示したい

ただし、上記画像にはそれぞれ説明文(長さが一定でない)を入れている為、テキストの文字の長さにより表の長さが凸凹に変わり美しくありません。


下記どちらかの機能を実装して頂ければ、綺麗な表を表示することが可能なのですが実装予定ありますでしょうか?

HTMLタグのALTタグがあれば、テキスト除去、マウス当てれば説明文ポップアップ表示可能
表に幅設定ができるように

Posted by 通りすがり 2013年06月04日(火) 11:38:20

amさん

プラグインなしに普通に出来るはずですよ?それか新世代wikiしか対応してなかったりするのかな・・?

例)以下の画像の場合
http://〜〜〜/画像名.jpg

構文は(下記例はサムネイル画像を幅60pxで表示した例)
&ref(http://〜〜〜/画像名-s.jpg,,60)
のように拡張子(jpg)と画像名の間に(-s)を入れる事でサムネイル表示
が可能です。
これは単純に本wikiが画像Up時に、通常画像と、-s画像の2種類を自動で作成しているだけの事かと思います。

プレビューで画像を並べたいページなどの場合は、サムネイル(-s)画像を使用すれば、オリジナルサイズの画像を幅指定などで表示するよりかは「ペーじの重さ」の改善にもつながるかと。

Posted by 通りすがり 2013年06月04日(火) 11:33:43

コメントをかく


画像に記載されている文字を下のフォームに入力してください。

「http://」を含む投稿は禁止されています。

利用規約をご確認のうえご記入下さい

Wiki内検索

メンバーのみ編集できます