mediawiki:按值设置外部图像宽度

Question

基于 In MediaWiki, is there a way I can apply [[Image:<name>]] style resizing to external images?

而不是在 wiki 的 [[MediaWiki:Common.css]] 页面中添加这样的条目

.image100px img { width: 100px; }

是否可以使用 mediawiki 传递的变量更改 css 行以在运行时将宽度设置为任意值？

我现在有 10 条这样的线，以便在外部图像大小调整方面具有相对灵活性，但更喜欢这种类型的东西

.imagewidthpx img { width: {{{1}}}; }

我不知道如何与 common.css 动态交互，或者即使这是可行的，我真的需要通过调整大小嵌入外部图像。

谢谢

Answer 1

像这样的东西可能会起作用......

在 MediaWiki:Common.css 中添加:

.externalimage-holder {
    position: relative;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}

然后设置一个模板 Template:Sized-external-image 像这样:

<div class="externalimage-holder" style="width:{{{1}}}">{{{2}}}</div>

并这样称呼它:

{{sized-external-image|250px|https://upload.wikimedia.org/wikipedia/commons/thumb/0/08/%D0%A2%D1%80%D0%BE%D1%97%D1%86%D1%8C%D0%BA%D0%B8%D0%B9_%D0%BC%D0%BE%D0%BD%D0%B0%D1%81%D1%82%D0%B8%D1%80.jpg/1024px-%D0%A2%D1%80%D0%BE%D1%97%D1%86%D1%8C%D0%BA%D0%B8%D0%B9_%D0%BC%D0%BE%D0%BD%D0%B0%D1%81%D1%82%D0%B8%D1%80.jpg}}

不幸的是，我现在无法测试它，因为我在本地安装时遇到了一些困难。