Esta plantilla crea un cuadro que contiene entre dos y diez imágenes, dispuestas vertical u horizontalmente y con títulos para todo el cuadro o por imagen.
Con la elección adecuada de parámetros, la plantilla puede cambiar automáticamente el tamaño de las imágenes a un ancho total determinado y cada imagen tiene la misma altura.
Tenga en cuenta que esta plantilla no respeta las preferencias de tamaño de imagen predeterminadas de los usuarios. ( Wikipedia: la política de uso de imágenes establece: " Excepto por muy buenas razones, no utilice
MOS:IMGSIZE establece que solo se puede especificar un ancho fijo en píxeles, px
"... " , lo que obliga a un ancho de imagen fijo " . "Cuando sea absolutamente necesario ."
) [a]
Si se omiten los parámetros de tamaño de imagen, esta plantilla establece todas las imágenes en 200 píxeles de ancho, independientemente de si el lector ha establecido una preferencia por algún otro ancho de imagen predeterminado. Esto hace que varias imágenes parezcan fuera de escala con respecto a las otras imágenes de un artículo.
Proporcionar |height[n]=
parámetros |total_width=
para obtener el cambio de tamaño automático. Tenga en cuenta los diferentes significados de los |width[n]=
parámetros con y sin cambio de tamaño automático. Tenga en cuenta también la opción de establecer un |total_width=
parámetro al principio de la plantilla {{multiple image}} .
{{ Imagen múltiple | ancho_total = 600 <!-- Parámetros de diseño --> | align = <!-- derecha (predeterminado), izquierda, centro, ninguno --> | dirección = <!-- horizontal (predeterminado), vertical --> | color de fondo = <!-- fondo del cuadro como un color web 'triplete hexadecimal' con el prefijo #, por ejemplo, #33CC00 --> | ancho = <!-- ancho mostrado de cada imagen en píxeles (un número entero, omita el sufijo "px"); anula los "anchos[n]" siguientes --> | caption_align = <!-- izquierda (predeterminado), centro, derecha --> | estilo_imagen = <!-- borde:1; (predeterminado) --> | image_gap = <!-- 5 (predeterminado)--><!-- Encabezado --> | header_background = <!-- fondo del encabezado como un color web 'triplete hexadecimal' con el prefijo #, por ejemplo, #33CC00 --> | header_align = <!-- centro (predeterminado), izquierda, derecha --> | encabezado = <!-- texto del encabezado --><!--imagen 1--> | imagen1 = <!-- solo nombre de archivo, es decir, sin el prefijo "Archivo:" o "Imagen:" --> | ancho1 = <!-- ancho mostrado de la imagen; anulado por "ancho" arriba --> | alt1 = | enlace1 = | tiempo del pulgar1 = | título1 = <!--imagen 2--> | image2 = <!-- solo nombre de archivo, es decir, sin el prefijo "Archivo:" o "Imagen:" --> | ancho2 = <!-- ancho mostrado de la imagen; anulado por "ancho" arriba --> | alt2 = | enlace2 = | tiempo del pulgar2 = | caption2 = <!-- y así sucesivamente --><!-- Pie de página --> | footer_background = <!-- fondo del pie de página como un color web 'triplete hexadecimal' con el prefijo #, por ejemplo, #33CC00 --> | footer_align = <!-- izquierda (predeterminado), centro, derecha --> | pie de página = <!-- texto del pie de página --> }}
{{ imagen múltiple <!-- Parámetros de diseño --> | align = <!-- derecha (predeterminado), izquierda, centro, ninguno --> | dirección = <!-- horizontal (predeterminado), vertical --> | color de fondo = <!-- fondo del cuadro --> | total_width = <!-- ancho total de todas las imágenes mostradas en píxeles (un número entero, omita el sufijo "px") --> | caption_align = <!-- izquierda (predeterminado), centro, derecha --> <!-- Encabezado --> | encabezado_fondo = | header_align = <!-- centro (predeterminado), izquierda, derecha --> | encabezado =<!--imagen 1--> | imagen1 = <!-- solo nombre de archivo, es decir, sin el prefijo "Archivo:" o "Imagen:" --> | alt1 = | enlace1 = | tiempo del pulgar1 = | título1 =<!--imagen 2--> | image2 = <!-- solo nombre de archivo, es decir, sin el prefijo "Archivo:" o "Imagen:" --> | alt2 = | enlace2 = | tiempo del pulgar2 = | título2 =<!-- y así sucesivamente --><!-- Pie de página --> | fondo_pie de pagina = | footer_align = <!-- izquierda (predeterminado), centro, derecha --> | pie de página =}}
{{ imagen múltiple | ancho = 60 | imagen1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | imagen2 = Tarjeta roja.svg | alt2 = Cartucho rojo | pie de página = Los jugadores son amonestados con tarjeta amarilla y expulsados con tarjeta roja. }}
{{ imagen múltiple | alinear = izquierda | dirección = vertical | ancho = 200 | encabezado = [[ Gráficos de red portátiles | PNG ]] demostración de transparencia | imagen1 = Demostración de transparencia PNG 1.png | alt1 = Dados de colores con fondo blanco | caption1 = Una imagen PNG con una capa de transparencia de 8 bits... | image2 = Demostración de transparencia PNG 2.png | alt2 = Dados de colores con fondo a cuadros | caption2 = ...aquí superponiendo un fondo a cuadros. }}
{{ imagen múltiple | ancho = 60 | imagen1 = Número de cinta 2.png | alt1 = 2 | imagen2 = Número de cinta 3.png | alt2 = 3 | imagen3 = Número de cinta 4.png | alt3 = 4 | pie de página = Cuando un usuario tiene muchos de un tipo de [[ WP : BARN | barnstar ]] , pueden representarlos con [[ WP : RIBBON | cintas ]] y estos números para indicar el recuento. }}
{{ imagen múltiple | alinear = izquierda | color de fondo = #BBDD99 | ancho = 160 | imagen1 = Adoxa_moschatellina_210406.jpg | alt1 = Hierba verde con algunas flores diminutas de color blanco amarillento | imagen2 = Adoxa_moschatellina_210406a.jpg | alt2 = Tres pequeñas flores blancas y amarillas ante un fondo de hojas verdes | imagen3 = adoxa_moschatellina_blatt.jpeg | alt3 = Hojas de una planta, en grupos de tres con tres lóbulos cada uno | footer_background = #33CC00 | footer_align = centro | pie de página = '' [[ Adoxa ]] '' ( ''Adoxa moschatellina'' ) }}
Si las imágenes tienen un fondo claro, este se cambiará de forma predeterminada a blanco. Para que el color de fondo de las imágenes coincida, configúrelo con |image_style=background-color:
. Es posible que también quieras eliminar el borde.
{{ imagen múltiple | alinear = centrar | ancho = 64 | color de fondo = negro | estilo_imagen = color-fondo:negro; borde: ninguno; | imagen1 = Símbolo de Aries (color planetario).svg | enlace1 = Aries (astrología) | image2 = Símbolo de Tauro (color planetario).svg | link2 = Tauro (astrología) | image3 = Símbolo de Géminis (color planetario).svg | link3 = Géminis (astrología) | image4 = Símbolo de Leo (color planetario).svg | link4 = Leo (astrología) }}
{{ imagen múltiple | alinear = izquierda | imagen1 = Mula (PSF).png | ancho1 = 143 | alt1 = Una mula | enlace1 = Mula | caption1 = Una mula | image2 = Burro 1 arp 750px.jpg | ancho2 = 150 | alt2 = Un burro | enlace2 = | caption2 = Un burro | imagen3 = Trucha_arcoíris.png | ancho3 = 91 | alt3 = Una trucha | caption3 = Un pez | pie de página = La imagen de la mula enlaza a [[ Mule ]] ; la imagen del burro no enlaza con ningún lado; la imagen de la trucha enlaza con una [[ Página de descripción de la imagen | página de descripción de imagen estándar ]] . }}
De forma predeterminada, las imágenes que presenta la plantilla se muestran horizontalmente, como una fila (ver a la izquierda; equivalente a la configuración |direction=horizontal
). Para mostrarlos verticalmente, es decir, como una columna, configure |direction=vertical
(ver a la derecha).
En dispositivos móviles, es posible que algunas imágenes siempre se muestren verticalmente si el ancho total es mayor que aproximadamente 320.
320px
|total_width=
{{ imagen múltiple | alinear = derecha | ancho_total = 320 | imagen1 = Burro 1 arp 750px.jpg | alt1 = Un burro | caption1 = Imagen rectangular de un burro, originalmente de 536 píxeles de alto. | imagen2 = Trucha_arcoíris.png | alt2 = Una trucha | caption2 = Imagen cuadrada de una trucha, originalmente de 300 píxeles de alto. | pie de página = Ambas imágenes se han renderizado con la misma altura y un ancho total de 320 px }}
Usando los parámetros |width[n]=
y |height[n]=
.
{{ imagen múltiple | alinear = derecha | ancho_total = 480 | imagen1 = Trucha_arcoíris.png | caption1 = Imagen cuadrada de una trucha, originalmente de 300 x 300 píxeles. | imagen2 = Trucha_arcoíris.png | ancho2 = 900 | altura2 = 900 | título2 = < código > ancho2 </ código > x < código > alto2 </ código > = 900 x 900. | imagen3 = Trucha_arcoíris.png | ancho3 = 100 | altura3 = 200 | título3 = < código > ancho3 </ código > x < código > alto3 </ código > = 100 x 200. | imagen4 = Trucha_arcoíris.png | ancho4 = 200 | altura4 = 100 | caption4 = < código > ancho4 </ código > x < código > altura4 </ código > = 200 x 100. | pie de página = Todas las imágenes se han renderizado con la misma altura excepto la imagen 3, que es 100/200 = 1/2 de la altura de las otras imágenes. Imagen4 es 200/100 = 2 veces la altura de imagen1, por lo que solo es visible su mitad superior. Ancho total establecido en 480 px. }}
La relación de aspecto de cada imagen se recupera automáticamente de los metadatos del archivo. Puede anular los valores nativos de ancho y alto mediante
|width1=
|height1=
|width2=
|height2=
Para crear una serie de imágenes, con varias filas, utilice |perrow=
. El valor pasado |perrow=
puede ser un solo número o una lista de números delimitados por /
. Esta función también se puede combinar con |total_width=
varias filas de imágenes con el mismo ancho total.
{{ imagen múltiple | perrow = 2 | ancho_total = 300 | imagen1 = Kern_Theodolit_DKM2-A.jpg | imagen2 = Estación-robótica-total.jpg | imagen3 = DumpyLevel.jpg | imagen4 = GPS_Survey_Equipment_at_Weir_Dyke_Bridge_-_geograph.org.uk_-_336908.jpg | pie de página = Equipo topográfico. En el sentido de las agujas del reloj desde la parte superior izquierda: teodolito óptico, estación total robótica, [[ cinemática en tiempo real | RTK ]] Estación base GPS, Nivel óptico. }}
El borde alrededor de las imágenes se puede eliminar usando |image_style=border:none
.
{{ imagen múltiple | alinear = derecha | ancho_total = 320 | estilo_imagen = borde: ninguno; | imagen1 = Burro 1 arp 750px.jpg | alt1 = Un burro | caption1 = Imagen de un burro | imagen2 = Trucha_arcoíris.png | alt2 = Una trucha | caption2 = Imagen de una trucha }}
El espacio entre las imágenes se puede aumentar usando |image_gap=N
, donde N es el número de píxeles (debe ser no negativo).
{{ imagen múltiple | alinear = derecha | ancho_total = 320 | espacio_imagen = 20 | imagen1 = Burro 1 arp 750px.jpg | alt1 = Un burro | caption1 = Imagen de un burro | imagen2 = Trucha_arcoíris.png | alt2 = Una trucha | caption2 = Imagen de una trucha }}
En páginas grandes, los usos múltiples de esta plantilla pueden contribuir a que la página exceda el límite máximo de tamaño de inclusión posterior a la expansión . Para reducir el tamaño de inclusión, Módulo: Varias imágenes se pueden invocar directamente de la siguiente manera (tenga en cuenta el |
carácter adicional después del nombre del módulo):
{{ #invocar : imagen múltiple | | ancho = 60 | image1 = Icono de interfaz de usuario de OOjs wikiTemplate.svg | imagen2 = Cib-lua (CoreUI Icons v1.0.0).svg }}
TemplateData para múltiples imágenes
Esta plantilla crea un cuadro con de dos a diez imágenes dispuestas vertical u horizontalmente con títulos para todo el cuadro y cada imagen.