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

我使用ImageMap扩展三个图像，a.gif，b.gif和c.gif链接至Page 1，分别Page 2和Page 3页面。所以，把它添加到页面的代码很简单：我可以在MediaWiki的同一行放置多个图像地图吗？

<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但是，这并不工作 - 显然图像画廊都无法与影像地图兼容。

如何通过工作链接获得这三个图像？

来源

2012-08-22 Wikis

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

图像映射扩展产生的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-22 15:17:41 Christian

啊，当然，我应该想到这一点！谢谢。 – Wikis

为了把图像嵌入，我们使用一个div语句和CSS规则里面，像这样：

<div style={display:inline;} 

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

</div>

希望它帮助你！

来源

2013-03-21 12:24:58 maider

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

回答

相关问题