2

私はImageMap拡張機能を 3 つの画像 、a.gif、b.gifおよびページにそれぞれc.gifリンクする、およびに使用しています。したがって、これをページに追加するコードは次のとおりです。Page 1Page 2Page 3

<imagemap>
File:a.gif|50px
default [[Page 1]]
desc none
</imagemap>

<imagemap>
File:b.gif|50px
default [[Page 2]]
desc none
</imagemap>

<imagemap>
File:c.gif|50px
default [[Page 3]]
desc none
</imagemap>

ただし、画像は列に表示されます（つまり、それぞれが新しい行に表示されます）が、画像を並べて表示したいのですが。コード内の空白を削除しても役に立ちません。これは、まだ有効な状態で削減できる最大値ですが、効果は同じです。

<imagemap>File:a.gif|50px
default [[Page 1]]
desc none</imagemap><imagemap>File:b.gif|50px
default [[Page 2]]
desc none</imagemap><imagemap>File:c.gif|50px
default [[Page 3]]
desc none</imagemap>

イメージ ギャラリーを使用してみましたが、うまくいきません。イメージ ギャラリーはイメージ マップと互換性がないようです。

これらの 3 つの画像を作業リンクで連続して取得するにはどうすればよいですか?

4

2 に答える 2

3

ImageMap拡張機能は、次のようなHTMLコードを生成します。

<div>
  <a href="Page Name">
    <img src="image" />
  </a>
</div>

HTMLの<div>要素はデフォルトでブロック要素として表示されるため、それ自体の行に表示され、他のdivは次の行にプッシュダウンされます。これを回避する方法はいくつかあります。最も簡単なのは、次のようなテーブルに画像を配置することです。

{| width="100%"
|
<imagemap>
File:a.gif|50px
default [[Page 1]]
desc none
</imagemap>
|
<imagemap>
File:b.gif|50px
default [[Page 2]]
desc none
</imagemap>
|
<imagemap>
File:c.gif|50px
default [[Page 3]]
desc none
</imagemap>
|}
于 2012-08-22T15:17:41.917 に答える
-2

To put the images inline, we use a div statement with a css rule inside, like this:

<div style="display:inline;">

[[File:image1.jpg]]
[[File:image2.jpg]]

</div>

Hope it helps you!

于 2013-03-21T12:24:58.060 に答える