Question

我正在使用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，但这不起作用 - 显然图片库与图片地图不兼容。

如何通过工作链接连续获取这三张图片？

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

Answer 2

要将图像内联，我们使用带有css规则的div语句，如下所示：

<div style={display:inline;}

[[image1.jpg]]
[[image2.jpg]]

</div>

希望它可以帮到你！

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

2 个答案: