DokuWiki

It's better when it's simple

ユーザ用ツール

サイト用ツール


サイドバー

この翻訳は元のページよりも更新日が古く、内容が古い可能性があります。 変更点を参照して下さい。
このページの翻訳?:

DokuWiki について知る

開発

法人利用

我々のコミュニティ


FacebookTwitterや他のソーシャル・ネットワークからフォローしてください。

ja:plugin:imagemap

イメージマッププラグイン

互換性のある DokuWiki バージョン

2009-02-14+, Binky

plugin クライアント側のイメージマップを作成します。

最終更新日
2012-05-31
種類
Syntax
リポジトリ
ソース
競合
imagemapping

この拡張は二年以上更新されていません。もはや維持管理や対応がされておらず、互換性に問題がある可能性があります。

タグ images, links, media

イメージマップは、画像の一部がリンクとして機能する画像オブジェクトです。 このプラグインを使用すると、イメージマップだけではなくビジュアルでないブラウザで使用できる代替表現を作成できます。

インストール

上記の URL をプラグイン管理を利用してダウンロードするか、手動でダウンロードし plugins フォルダーに解凍する。 インストール後、スタイルキャッシュを初期化して下さい。 設定管理画面で「保存」ボタンを押せば、 DokuWiki は CSS を再作成します。

:!: 基となるダウンロードファイルは、ここから入手できます。 — 2014-03-28 i-net software の Gerry Weißbach

変更履歴

  • 2009-05-05 - 作業からプラグインを守るカスタムサイズの扱いに問題がある。
  • 2012-05-31 - リンク生成を改善し、不要な URL 構成をフィルタリングします。

補助的な(非公式な)GitHub リポジトリ

使用法と構文

稼働中のプラグインはここを見て下さい。

{{map>メディアリンク|代替テキスト}}

ここには通常の wiki マークアップを入力します。
リンクは自動的に検出され、イメージマップで使用します。

  * [[wikipage|説明 @ 10,12,40,30]]
  * [[wp>image_map|インターウィキリンク @ 110,50,40]]
  * [[http://w3c.org/|{{w3c_logo.png|リンク機能の画像 @10,115,80,95,150,115,80,135}}]]
{{<map}}

この例では、media_link 画像を表示します。 (ブラウザが表示可能な場合。) 画像の中に三つのリンクがあります:

  • 矩形の wikipage という wiki ページヘのリンク。
  • 円形のインター wiki リンク。
  • 多角形の外部リンク。リンクは画像として定義されているので、画像の代替テキストがマップに使用されます。

マップで使用されるリンクの場合、リンクテキストの一部を使って形状を定義する必要があります。 @ 文字に続く座標一覧で定義します。 座標の数によってリンクの形状が定義されます。。

# 形状 座標
3 円形 中心のX軸, 中心のY軸, 半径
4 矩形 左, 上, 右, 下
6+ 多角形 x1,y1,x2,y2,x3,y3…

ラベルに適切な形状記述ない場合、そのリンクはマップとしては無視されます。 イメージマップと代替マークアップの両方で、座標はリンクタグから削除されます。

マップ·ブロック内のwikiマークアップは、ほとんどのブラウザでは表示されず生成されます。 イメージマップの利用が望ましくない場合、画像を非表示にし、代わりのマークアップを表示できます。 プラグインには、すでに braille(点字)、aural(聴覚)、tty(端末)の CSS メディアタイプが設定してあります。

注:メディアリンクと同様、画像を定義する際、名前空間を使用するのに特に予期しない動作を回避するために

{{map>:media_link|代替テキスト}}

のように先頭にコロンを置くことができます。

FAQ

マップの下のリンク描画を回避する方法はありますか?

プラグインには、デスクトップブラウザでテキストリンクを非表示にする CSS のルールが含まれています。 スタイルが更新されていない場合は、イメージマップに加えて、リンクが表示されます。サーバー(設定管理画面で「保存」ボタンを押す)と、ブラウザ(Sfift キーを押しながら「再読込」ボタンを押す)のキャッシュをリセットする必要があります。

バグ

画像サイズが変更されている場合、地図座標が不正になります。 ページ領域に収まるように大きな画像を自動的に縮小するテンプレートがあります。 意図しないサイズ変更を回避するには、適切な幅と高さを指定する必要があります。

{{map>image.png?500x400}}

(2013-04-17 に Gregg Siegfried が報告した)

ja/plugin/imagemap.txt · 最終更新: 2014-04-16 13:23 by 125.55.214.60