2012-01-31 17 views
6

MediaWiki pictures se puede establecer en un determinado tamaño con el formato simple.¿Hay alguna manera de cambiar automáticamente el tamaño de las imágenes de MediaWiki dependiendo del tamaño de la pantalla?

Sin embargo, tables cambiará el tamaño según el tamaño del navegador/pantalla.

¿Se pueden hacer imágenes para cambiar el tamaño como las tablas?

(Imágenes dentro tablas no funciona!)

+1

Tuve la misma pregunta y vi por las respuestas a continuación que no puedes tener varias fotos con diferentes tamaños relativos. Así que escribí una extensión de mediawiki: https://www.mediawiki.org/wiki/Extension:AdaptiveThumb –

+1

@ThorstenStaerk: ¡sugiero que lo añadas como una nueva respuesta! – Wikis

Respuesta

4

Tuve la misma pregunta y vi por las respuestas anteriores (ahora están debajo) que no puedes tener varias fotos con diferentes tamaños relativos. Así que escribí una extensión mediawiki que permite esto: http://mediawiki.org/wiki/Extension:AdaptiveThumb

1

En resumen, no, no hay manera fácil de hacer esto. Posiblemente podría hacerse con un montón de Javascript, pero no estoy al tanto de que alguien haya intentado esto y la implementación no sería trivial.

+1

encontrará allí dónde informar errores en caso de que no funcione para usted :) –

0

La respuesta corta es no. La respuesta larga es que tendría que escribir JavaScript para determinar la resolución de la pantalla del usuario y almacenarla en una cookie. Esto debería hacerse con mayor probabilidad en common.js, a excepción de uno en mil millones de usuarios. eso nunca ha estado en el sitio y se las arregla para navegar directamente a la página con la imagen de tamaño dinámico (espero que no vayas a poner algo así en tu página principal), esa información ya estará allí cuando lleguen al sitio. página. La página podría usar esas variables para establecer el tamaño en {{#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. El anfitrión de mi wiki dice que está en el proceso de escribir una nueva extensión que puede hacer eso como parte de una solicitud para una sección de <div style="overflow-x: scroll; width: {{#expr:(File width * % of screen you want it to take)*(screen width)}}px;"> que quiero hacer. Si encuentras algo más antes que yo, actualiza esta publicación para que pueda verla. Gracias. : D

+0

¿Por qué incluso tendría que escribir la resolución de pantalla del usuario en una cookie?Es algo que está en vivo y cambia sobre la marcha. Un segundo es 1400px, el otro segundo puede ser 600px. – kiradotee

3

El ajuste dinámico como el navegador se cambia el tamaño: Ponga la siguiente línea al inicio del archivo CSS:. \ skins \ Common \ shared.css

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

Cada imagen de tamaño variable habrá colocado dentro de un <div></div>

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

Leer más aquí: http://www.mediawiki.org/wiki/Help_talk:Images

1

Puede configurar un hack de CSS.

Mediawiki le permite incluir algunas variables como texto alternativo, incluyendo en esa variable de una cadena especial como w100 o resizeable le permitirá orientar el elemento con CSS:

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

tenga en cuenta que ya se están usando alt para cosas que no deben usarse y !important en el CSS (porque MW establece el tamaño como un estilo de elemento), esto se debe evitar tanto como sea posible y se debe usar como último recurso.

Cuestiones relacionadas