我可以在MediaWiki的同一行放置多個圖像地圖嗎？

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

圖像映射擴展產生的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

爲了把圖像嵌入，我們使用一個div語句和CSS規則裏面，像這樣：

<div style={display:inline;} 

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

</div> 

希望它幫助你！