我如何使用 MediaWiki 将图像的宽度缩放到 window 的百分比?
How do I scale an image's width to a percentage of the window with MediaWiki?
使用 html 我可以将图像的宽度缩放到可用 window 的百分比,如下所示:
<img src=whatever.png width=50% />
使用 mediawiki 这似乎是不可能的(如果您不允许 html 注入)。真的吗?不要告诉我我必须写一个 mediawiki 扩展 ;)
请注意 Is there a way automatically to resize MediaWiki images depending on screen size? 的 CSS 答案不是解决方案。我想在一页中使用不同百分比的不同图像。
应该可以将 the CSS solution 应用到特定图像,方法是用自定义 class 名称标记它们。也就是说,您需要在 MediaWiki:Common.css 页面中添加如下内容:
img.halfwidth {
width: 50%;
height: auto;
}
然后像这样使用 wiki 标记:
[[File:Myimage.jpg|class=halfwidth]]
(请注意,像这样在图像上指定 class 名称需要 MediaWiki 1.20+。如果出于某种原因,您需要在较旧的 MediaWiki 版本上执行此操作,您可以改为更改 CSS 选择器为 .halfwidth img
,维基语法为 <div class="halfwidth">[[File:Myimage.png]]</div>
。)
为了让自己更轻松,我写了一个 mediawiki 扩展,允许
- 对齐
- 相对大小
- 图片下的链接
- 像缩略图一样的字幕
使用 html 我可以将图像的宽度缩放到可用 window 的百分比,如下所示:
<img src=whatever.png width=50% />
使用 mediawiki 这似乎是不可能的(如果您不允许 html 注入)。真的吗?不要告诉我我必须写一个 mediawiki 扩展 ;)
请注意 Is there a way automatically to resize MediaWiki images depending on screen size? 的 CSS 答案不是解决方案。我想在一页中使用不同百分比的不同图像。
应该可以将 the CSS solution 应用到特定图像,方法是用自定义 class 名称标记它们。也就是说,您需要在 MediaWiki:Common.css 页面中添加如下内容:
img.halfwidth {
width: 50%;
height: auto;
}
然后像这样使用 wiki 标记:
[[File:Myimage.jpg|class=halfwidth]]
(请注意,像这样在图像上指定 class 名称需要 MediaWiki 1.20+。如果出于某种原因,您需要在较旧的 MediaWiki 版本上执行此操作,您可以改为更改 CSS 选择器为 .halfwidth img
,维基语法为 <div class="halfwidth">[[File:Myimage.png]]</div>
。)
为了让自己更轻松,我写了一个 mediawiki 扩展,允许
- 对齐
- 相对大小
- 图片下的链接
- 像缩略图一样的字幕