如何使用MediaWiki将图像的宽度缩放到窗口的百分比?

时间:2015-01-15 21:32:40

标签: html css image scale mediawiki

使用html我可以将图像的宽度缩放到可用窗口的百分比,如下所示:

<img src=whatever.png width=50% />

使用mediawiki这似乎是不可能的(如果你不允许html注入)。是真的吗?不要告诉我我必须写一个mediawiki扩展名;)

请注意Is there a way automatically to resize MediaWiki images depending on screen size?的CSS答案不是解决方案。我希望在一个页面中使用不同的百分比来显示不同的图像。

2 个答案:

答案 0 :(得分:3)

应该可以通过使用自定义类名称对特定图像进行标记来应用the CSS solution。也就是说,您可以在MediaWiki:Common.css页面中添加以下内容:

img.halfwidth {
    width: 50%;
    height: auto;
}

然后像这样使用wiki标记:

[[File:Myimage.jpg|class=halfwidth]]

(请注意,在像这样的图像上指定类名需要MediaWiki 1.20+。如果由于某种原因,您需要在较旧的MediaWiki版本上执行此操作,则可以将CSS选择器更改为例如{{1} },以及.halfwidth img的wiki语法。)

答案 1 :(得分:0)

为了让自己更容易,我写了一个允许的mediawiki扩展 *对齐 *相对大小 *图像下的链接 *缩略图等字幕

就在这里:http://www.staerk.de/thorsten/Adaptivethumb