2013-10-18 29 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