我可以在 MediaWiki 的同一行中放置多个图像映射吗？答案

【问题标题】：Can I put multiple image maps on the same line in MediaWiki?我可以在 MediaWiki 的同一行中放置多个图像映射吗？
【发布时间】：2012-08-22 07:02:29
【问题描述】：

我使用ImageMap 扩展三个图像，a.gif、b.gif 和c.gif，分别链接到页面Page 1、Page 2 和Page 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>

我曾尝试使用image gallery，但这不起作用 - 显然图像库与图像映射不兼容。

我怎样才能得到这三张连续的图片和工作链接？

【问题讨论】：

似乎是一个合理的问题。亲密的选民会解释他们的反对意见吗？

标签： image mediawiki wiki imagemap

【解决方案1】：

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>
|}

【讨论】：

【解决方案2】：

为了将图片内联，我们使用 div 语句，其中包含 css 规则，如下所示：

<div style="display:inline;">

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

</div>

希望对你有帮助！

【讨论】：