2013-10-18 54 views
3

基于代替在[[链接到MediaWiki:Common.css]]添加这样的条目的上In MediaWiki, is there a way I can apply [[Image:<name>]] style resizing to external images?链接到MediaWiki:按值

设置外部图像宽度上wiki页面

.image100px img { width: 100px; } 

难道是可以使用mediawiki传递的变量来改变css行,以在运行时将宽度设置为任意值?

我现在有10条这样的线,在外部图像尺寸相对灵活性,但更希望有那种

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

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

感谢

回答

4

像这样的东西可能会奏效......

在链接到MediaWiki:Commmon.css补充:

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

然后设置模板的模板:大中-影像外接这样:

<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}} 

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

+1

Brion,我非常感谢你。它像一个魅力。 – splaisan