Есть ли способ автоматически изменять размеры изображений MediaWiki в зависимости от размера экрана?

Question

MediaWiki картинки могут быть установлены на определенный размер с простым форматированием.

Однако таблиц будет изменяться на лету в зависимости от размера браузера / экрана.

Можно ли сделать изображения для изменения размера, как таблицы?

(Изображения внутри таблиц не работают!)

Answer 1

У меня был тот же вопрос, и я видел из ответов выше (теперь они ниже), что вы не можете иметь несколько фотографий с разными относительными размерами. Поэтому я написал расширение mediawiki, позволяющее это: http://mediawiki.org/wiki/Extension:AdaptiveThumb

Answer 2

Динамическое изменение размера при изменении размера браузера: Поместите следующую строку в начале файла CSS: . \ Skins \ common \ shared.css

img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

Каждое изображение с изменяемым размером будет помещено в <div></div>

<div>[[Image:MyImage.png]]</div>

Подробнее здесь: http://www.mediawiki.org/wiki/Help_talk:Images

Answer 3

Вы можете настроить взлом CSS.

Mediawiki позволяет вам включать некоторые переменные, такие как alt-text, включая в эту переменную специальную строку, такую ​​как w100 или resizeable, которая позволит вам целитьсяэлемент с CSS:

img[alt=~w100] { width: 100% !important; height: auto !important; }

Обратите внимание, что поскольку вы используете alt для вещей, он не предназначен для использования и !important в CSS (потому что MW устанавливает размер как стиль элемента)это следует избегать в максимально возможной степени и использовать в качестве крайней меры.

Answer 4

Короче говоря, нет, нет простого способа сделать это. Возможно, это можно сделать с помощью множества Javascript, но я не знаю, чтобы кто-нибудь пробовал это сделать, и реализация не будет тривиальной.

Answer 5

Короткий ответ - нет.Длинный ответ заключается в том, что вам придется написать JavaScript, который может определить разрешение экрана пользователя, и сохранить его в файле cookie. Это должно быть выполнено, скорее всего, в common.js, за исключением одного из миллиарда пользователей.который никогда не был на сайте и может перейти непосредственно на страницу с динамически изменяемым изображением (я надеюсь, что вы не собираетесь размещать что-то подобное на своей главной странице), эта информация уже будет там, когда они попадут настр.Страница может затем использовать эти переменные, чтобы установить размер {{#expr:(File height * % of screen you want it to take)*(screen height)}}x{{#expr:(File width * % of screen you want it to take)*(screen width)}}px.Хозяин моей вики говорит, что он находится в процессе написания нового расширения, которое может сделать это как часть запроса на секцию <div style="overflow-x: scroll; width: {{#expr:(File width * % of screen you want it to take)*(screen width)}}px;">, которую я хочу сделать.Если вы найдете что-то еще до меня, пожалуйста, обновите этот пост, чтобы я мог его увидеть.Благодарю.: D