2015-01-15 30 views
3

使用HTML我可以縮放圖像的寬度設置爲可用的窗口的這樣一個比例:如何使用MediaWiki將圖像的寬度縮放爲窗口的百分比?

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

搭配MediaWiki這似乎是不可能的(如果你不允許HTML注射)。是不是真的?不要告訴我,我必須寫一個mediawiki擴展名;)

請注意Is there a way automatically to resize MediaWiki images depending on screen size?的CSS答案不是解決方案。我想在不同百分比的頁面上顯示不同的圖像。

回答

3

應該可以將the CSS solution應用於特定圖像,方法是使用自定義類名稱標記它們。也就是說,你會加入類似下面你鏈接到MediaWiki:Common.css頁:

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

,然後使用維基類似這樣的標記:

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

(請注意,指定一個類名像這樣的圖像需要鏈接到MediaWiki 1.20+。如果由於某種原因,你需要做到這一點的是較舊版本的鏈接到MediaWiki,可以改爲更改CSS選擇器如.halfwidth img,和維基語法<div class="halfwidth">[[File:Myimage.png]]</div>

+0

真是一個莫大的答案,它回答我的問題 - 但是我已經開始開發的https:/ /www.mediawiki.org/wiki/Extension:AdaptiveThumb,它允許您設置一個百分比寬度,並允許您點擊圖片時鏈接到網站。 –

相關問題