Help:イメージマップ

出典: Wikia

イメージマップ
区分	パーサーフック
対象	全利用者
実装状況	全プロジェクト

ウィキア
Help
拡張機能
ブログ記事 （ブログリスト） 画像の追加 Google Map Google Spreadsheets Inputbox RandomSelection YouTube ニコニコ動画 Tab View RandomImage RSS イメージマップ SyntaxHighlight EditSimilar WikiaStats
編集
管理者向けガイド
方針
コミュニケーション

イメージマップの機能を使うことで、ウィキアのページにイメージマップを入れることができます。2007年2月27日から導入されています。

既に画像の挿入のしかたがわかっているなら、複数のページへリンクする、多角形、長方形、円形の領域を画像に追加する機能を使うことができます。

ソフトウェア側でHTMLの<map>や<area>のタグを吐き出すので、イメージマップを理解できるウェブブラウザを使えば、このマップが利用できます。

下記ように書くことで、この例と同じものを作ることができます。

<imagemap>
画像:Footerlinks1.png|400px|thumb|left|赤い長方形、矢印になっている多角形、左にある茶色のコピーレフトのシンボルをクリックしてみよう
# 頂点 555,300、583,280、587,318 の三角形
# 多角形は、長方形や円形の前にこなければなりません。
poly 555 300 583 280 587 318 [[w:Help:MediaWiki namespace]]
# 435,325 から 680,370 の長方形
rect 435 325 680 370 [[w:Help:Footer links]]
# 20,313 を中心とする半径 14 の円
circle 20 313 14 [[ウィキアの著作権|コピーレフトのシンボルをクリックする]]
</imagemap>

[編集] 使い方

この機能は、<imagemap></imagemap>タグとタグ内で指定された構文により動作します。

以下に、簡単な例を示します。

<imagemap>
画像:Imagemap_sample.png|それぞれのアイコンをクリックしてみましょう。
# コメント
# poly（多角形）は、rect（長方形）やcircle（円形）の前に記述しなければなりません。
poly 69 10 60 50 15 55 50 83 40 130 80 105 120 130 143 55 95 50 [[ウィキア]]
rect 162 14 280 130 [[保護]]
circle 81 213 62 [[メインページ]]
default [[Help:FAQ|FAQ]]
desc bottom-right
</imagemap>

一行目

一行目では必ずイメージマップで使用する画像の指定を行ってください。具体的には、通常の画像使用で使われるフォーマット（たとえば、[[画像:Sample.png|thumb|right|200px|test]]）から"[["と"]]"を外した形で指定します（前の例であれば、画像:Sample.png|thumb|right|200px|test）。

マッピング

画像中のどのエリアにどこへのリンクを張るか、座標を指定してを決めます。座標は、画像の一番左上が (0,0) になります。座標の指定は、拡大縮小後ではなく元の画像の大きさに対して行ってください。

poly（多角形）

指定された座標を順に直線でつないだ多角形です。文法は "poly <X座標> <Y座標> <X座標> <Y座標> <X座標> <Y座標> <X座標> <Y座標> ..... [[リンク]]" となっていて、一番最初の座標の組から順にそれぞれの座標を直線でつないだ多角形型のリンクが作成されます。上の例では、星の頂点とへこんでいる部分を順に指定することで星型のリンクを作成しています。このリンクは、下の二つのリンク（rectとcircle）より先に指定してください。

rect（長方形）

長方形型です。文法は "poly <左上X座標> <左上Y座標> <右下X座標> <右下Y座標> [[リンク]]" となっていて、最初に指定された座標を長方形の左上の頂点、次に指定された座標を長方形の右下の頂点とした形のリンクが作成されます。

circle（円形）

円型です。文法は "circle <円の中心のX座標> <円の中心のY座標> <円の半径>" となっていて、最初に指定された座標を中心とし次に指定された値を半径とする円形のリンクが作成されます。

default

上の三つで指定されていないエリアをクリックした際のリンクを決定します。未指定の場合はリンク無しになります。

desc

イメージマップで使用されている画像の画像情報ページへのリンクを置くかどうか、置く場合のリンクの位置を決定します。指定できる値としては、"top-right"（右上）、"bottom-right"（右下）、"bottom-left"（左下）、 "top-left"（左上）、 none（無し）の五つで、none以外が指定されると青地に白抜きの"i"というアイコンが指定された位置に現れ、そのアイコンをクリックすると画像の情報ページ飛ぶことができます。未指定の場合は bottom-right がデフォルトとして適用されます。