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 redimensionar automáticamente las imágenes a un ancho total determinado y cada imagen tendrá 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 una muy buena razón, no use
MOS:IMGSIZE establece que un ancho fijo en píxeles solo se puede especificar px
"..." que fuerce 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 con un ancho de 200 px, independientemente de si el lector ha establecido una preferencia por otro ancho de imagen predeterminado. Esto hace que varias imágenes se vean fuera de escala con respecto a las demás imágenes de un artículo.
Proporcione |height[n]=
parámetros |total_width=
para obtener un 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 comienzo de la plantilla {{varias imágenes}} .
{{ Multiple image | total_width = 600 <!-- Parámetros de diseño --> | align = <!-- right (predeterminado), left, center, none --> | direction = <!-- horizontal (predeterminado), vertical --> | background color = <!-- fondo del cuadro como un color web 'triplete hexadecimal' con el prefijo # p. ej. #33CC00 --> | width = <!-- ancho mostrado de cada imagen en píxeles (un entero, omite el sufijo "px"); anula los "width[n]" que aparecen a continuación --> | caption_align = <!-- left (predeterminado), center, right --> | image_style = <!-- border:1; (predeterminado) --> | image_gap = <!-- 5 (predeterminado)--><!-- Encabezado --> | header_background = <!-- fondo del encabezado como un color web 'triplete hexadecimal' con el prefijo # p. ej. #33CC00 --> | header_align = <!-- centro (predeterminado), izquierda, derecha --> | header = <!-- texto del encabezado --><!--image 1--> | image1 = <!-- solo nombre de archivo, es decir, sin el prefijo "Archivo:" o "Imagen:" --> | width1 = <!-- ancho de imagen mostrado; reemplazado por "ancho" arriba --> | alt1 = | link1 = | thumbtime1 = | caption1 = <!--image 2--> | image2 = <!-- solo nombre de archivo, es decir, sin el prefijo "Archivo:" o "Imagen:" --> | width2 = <!-- ancho de imagen mostrado; reemplazado por "ancho" arriba --> | alt2 = | link2 = | thumbtime2 = | 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 #, p. ej., #33CC00 --> | footer_align = <!-- izquierda (predeterminado), centro, derecha --> | footer = <!-- texto del pie de página --> }}
{{ imagen múltiple <!-- Parámetros de diseño --> | align = <!-- derecha (predeterminado), izquierda, centro, ninguno --> | direction = <!-- horizontal (predeterminado), vertical --> | background color = <!-- fondo del cuadro --> | total_width = <!-- ancho total de todas las imágenes mostradas en píxeles (un entero, omitir el sufijo "px") --> | caption_align = <!-- izquierda (predeterminado), centro, derecha --> <!-- Encabezado --> | fondo_de_encabezado = | header_align = <!-- centro (predeterminado), izquierda, derecha --> | encabezado =<!--image 1--> | image1 = <!-- solo nombre de archivo, es decir, sin el prefijo "Archivo:" o "Imagen:" --> | alt1 = | enlace1 = |tiempodepulgar1= | subtítulo1 =<!--image 2--> | image2 = <!-- solo nombre de archivo, es decir, sin el prefijo "Archivo:" o "Imagen:" --> | alt2 = | enlace2 = |tiempodepulgar2= |caption2=<!-- y así sucesivamente --><!-- Pie de página --> | fondo_de_pie_de_página = | footer_align = <!-- izquierda (predeterminado), centro, derecha --> | pie de página =}}
{{ multiple image | width = 60 | image1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | image2 = Tarjeta roja.svg | alt2 = Cartucho rojo | footer = Los jugadores son amonestados con una tarjeta amarilla y expulsados con una 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 | título1 = Una imagen PNG con una capa de transparencia de 8 bits... | imagen2 = Demostración de transparencia PNG 2.png | alt2 = Dados de colores con fondo a cuadros | título2 = ...aquí superpuestos a un fondo a cuadros. }}
{{ multiple image | width = 60 | image1 = Ribbon numeral 2.png | alt1 = 2 | image2 = Ribbon numeral 3.png | alt2 = 3 | image3 = Ribbon numeral 4.png | alt3 = 4 | footer = Cuando un usuario tiene muchos de un tipo de [[ WP : BARN | barnstar ]] , puede representarlos con [[ WP : RIBBON | cintas ]] y estos numerales para indicar la cantidad. }}
{{ multiple image | align = left | background color = #BBDD99 | width = 160 | image1 = Adoxa_moschatellina_210406.jpg | alt1 = Hierba verde con unas cuantas flores diminutas de color blanco amarillento | image2 = Adoxa_moschatellina_210406a.jpg | alt2 = Tres pequeñas flores blancas y amarillas ante un fondo de hojas verdes | image3 = adoxa_moschatellina_blatt.jpeg | alt3 = Hojas de una planta, en grupos de tres cada una con tres lóbulos | footer_background = #33CC00 | footer_align = center | footer = '' [[ Adoxa ]] '' ( ''Adoxa moschatellina'' ) }}
Si las imágenes tienen un fondo transparente, este se cambiará a blanco de forma predeterminada. Para que el color de fondo de las imágenes coincida, configúrelos con |image_style=background-color:
. Es posible que también desee eliminar el borde.
{{ imagen múltiple | alinear = centro | ancho = 64 | color de fondo = negro | estilo_imagen = color-de-fondo:negro; borde:ninguno; | imagen1 = Símbolo de Aries (color planetario).svg | enlace1 = Aries (astrología) | imagen2 = Símbolo de Tauro (color planetario).svg | enlace2 = Tauro (astrología) | imagen3 = Símbolo de Géminis (color planetario).svg | enlace3 = Géminis (astrología) | imagen4 = Símbolo de Leo (color planetario).svg | enlace4 = Leo (astrología) }}
{{ imagen múltiple | alinear = izquierda | image1 = Mula (PSF).png | width1 = 143 | alt1 = Una mula | link1 = Mula | caption1 = Una mula | image2 = Burro 1 arp 750px.jpg | width2 = 150 | alt2 = Un burro | link2 = | caption2 = Un burro | image3 = Trucha_arcoiris.png | width3 = 91 | alt3 = Una trucha | caption3 = Un pez | footer = La imagen de la mula enlaza a [[ Mula ]] ; la imagen del burro no enlaza a ninguna parte; la imagen de la trucha enlaza a una [[ Página de descripción de la imagen | página de descripción de la imagen estándar ]] . }}
Por defecto, las imágenes que presenta la plantilla se muestran en forma horizontal, como una fila (ver a la izquierda; equivalente a configurar |direction=horizontal
). Para mostrarlas en forma vertical, es decir, como una columna, configure |direction=vertical
(ver a la derecha).
En dispositivos móviles, algunas imágenes pueden mostrarse siempre verticalmente si el ancho total es superior a aproximadamente 320.
320px
|total_width=
{{ imagen múltiple | alinear = derecha | ancho total = 320 | image1 = Burro 1 arp 750px.jpg | alt1 = Un burro | caption1 = Imagen rectangular de un burro, originalmente de 536 píxeles de alto. | image2 = Rainbow_trout.png | alt2 = Una trucha | caption2 = Imagen cuadrada de una trucha, originalmente de 300 píxeles de alto. | footer = Ambas imágenes se han renderizado con la misma altura y un ancho total de 320 px }}
Utilizando los parámetros |width[n]=
y |height[n]=
.
{{ imagen múltiple | alinear = derecha | ancho total = 480 | image1 = Rainbow_trout.png | caption1 = Imagen cuadrada de una trucha, originalmente de 300 x 300 píxeles. | imagen2 = Trucha_arcoiris.png | ancho2 = 900 | alto2 = 900 | título2 = < código > ancho2 </ código > x < código > alto2 </ código > = 900 x 900. | imagen3 = Trucha_arcoiris.png | ancho3 = 100 | alto3 = 200 | título3 = < código > ancho3 </ código > x < código > alto3 </ código > = 100 x 200. | imagen4 = Trucha_arcoiris.png | ancho4 = 200 | alto4 = 100 | título4 = < código > ancho4 </ código > x < código > alto4 </ código > = 200 x 100. | footer = 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. La imagen 4 es 200/100 = 2 veces la altura de la imagen 1, por lo que solo se ve su mitad superior. El ancho total se establece 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
|width1=
|height1=
|width2=
|height2=
Para crear una matriz de imágenes, con varias filas, utilice |perrow=
. El valor que se pasa a |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=
para varias filas de imágenes con el mismo ancho total.
{{ multiple image | perrow = 2 | total_width = 300 | image1 = Kern_Theodolit_DKM2-A.jpg | image2 = Total-Robotic-Station.jpg | image3 = DumpyLevel.jpg | image4 = GPS_Survey_Equipment_at_Weir_Dyke_Bridge_-_geograph.org.uk_-_336908.jpg | footer = Equipo de topografía. En el sentido de las agujas del reloj desde la esquina superior izquierda: teodolito óptico, estación total robótica, estación base GPS [[ cinemática en tiempo real | RTK ]] , 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_de_imagen = borde:ninguno; | image1 = Burro 1 arp 750px.jpg | alt1 = Un burro | caption1 = Imagen de un burro | image2 = Trucha_arcoiris.png | alt2 = Una trucha | caption2 = Imagen de una trucha }}
La brecha entre las imágenes se puede aumentar usando |image_gap=N
, donde N es el número de píxeles (no debe ser negativo).
{{ imagen múltiple | alinear = derecha | ancho total = 320 | espacio entre imágenes = 20 | image1 = Burro 1 arp 750px.jpg | alt1 = Un burro | caption1 = Imagen de un burro | image2 = Trucha_arcoiris.png | alt2 = Una trucha | caption2 = Imagen de una trucha }}
En páginas grandes, el uso múltiple de esta plantilla puede contribuir a que la página supere el límite de tamaño máximo de inclusión posterior a la expansión . Para reducir el tamaño de inclusión, se puede invocar directamente la imagen Módulo:Múltiples|
de la siguiente manera (observe el carácter adicional después del nombre del módulo):
{{ #invoke : imagen múltiple | | ancho = 60 | imagen1 = Ícono de IU de OOjs wikiTemplate.svg | imagen2 = Cib-lua (Íconos de CoreUI v1.0.0).svg }}
TemplateData para múltiples imágenes
Esta plantilla crea un cuadro con dos a diez imágenes dispuestas vertical u horizontalmente con títulos para todo el cuadro y cada imagen.