Una galería muestra varias imágenes en una matriz o diseño similar.
Las galerías pueden mostrar imágenes organizadas en filas y columnas mediante el uso de la etiqueta <gallery>...</gallery> parser (conversión de Wikitext a HTML). Tenga en cuenta que los distintos tamaños de pantalla y navegadores pueden afectar la accesibilidad para algunos lectores.
Los atributos y valores van después de la palabra galleryy de un espacio en blanco, y antes del corchete angular final:<gallery attributes...>
mode=traditionalPor defecto, el efecto se explica a continuaciónnolinesSin bordes, menos relleno, subtítulos centrados debajo de las imágenespackedTodas las imágenes están alineadas teniendo la misma altura, justificadas, subtítulos centrados debajo de las imágenes.packed-overlayComo empaquetado, pero el título se superpone a la imagen, en una caja translúcida.packed-hoverAl igual que packed-overlay, pero el título solo es visible al pasar el mouse sobre él (se degrada elegantemente en los lectores de pantalla y vuelve a packed-overlay si se usa una pantalla táctil)slideshowPresentación de diapositivascaption=Agrega un título general encima de la galería; para varias palabras, enciérrelas entre comillas dobleswidths=Anchos de imagen en píxeles (no tiene efecto si el modo está configurado en empaquetado, empaquetado-superposición, empaquetado-desplazamiento o presentación de diapositivas)heights=Altura de la imagen en píxeles (no tiene efecto si el modo está configurado en presentación de diapositivas)perrow=Número de imágenes por fila (no tiene efecto si el modo está configurado en empaquetado, empaquetado-superposición, empaquetado-flotar o presentación de diapositivas; consulte las notas de uso a continuación )showfilename=yesMostrar cada nombre de archivo debajo de la imagen correspondienteclass=Uno o más nombres de clase separados por espacios y entre comillas doblesstyle=Una o más declaraciones CSS separadas por punto y coma y entre comillas doblesperrowatributo, ya que invalida el uso flexible de distintos tamaños de pantalla y relaciones de aspecto , desde pantallas miniatura para móviles hasta pantallas anchas de "cine". Sin embargo, el atributo debe utilizarse cuando sea apropiado un diseño de cuadrícula fijo , como "antes/después", "bajo/medio/alto" u otras comparaciones sistemáticas de imágenes.perrowse omite, el ancho es fluido: una fila comprende tantas imágenes como quepan en el ancho disponible de la pantalla del usuario, y se ajusta automáticamente a tantas líneas adicionales como sea necesario.perrow Ahora se recomienda omitir el valor predeterminado . Antes de MediaWiki 1.17, el valor predeterminado era 4.<Gallery>...</Gallery>etiqueta no obedecen a las preferencias de visualización del usuario.packedmodo ajustará automáticamente el tamaño de las imágenes para utilizar de forma óptima el espacio de visualización disponible.File:prefijo no es necesario.</gallery>etiqueta de cierre.Al cargar imágenes utilizando Insertar > Imágenes y medios, obtendrá lo siguiente:[[File:Name of file|thumb|Caption]]
En una galería, debes eliminar todos los corchetes ("[" o "]") (excepto en los enlaces wiki que están incrustados dentro de los títulos ). También debes eliminar el |thumb. Por último, elimina el File:prefijo. Te quedará lo siguiente:Name of file|Caption
La galería lo acepta. Si no desea incluir un título, elimine el texto .|Caption
Hay varios "modos" de galerías.
tradicional :
El modo "tradicional" es actualmente el predeterminado y, por lo tanto, no es necesario especificarlo. La sintaxis básica es:
<gallery>
Detroit Publishing Co. - Un Yeoman of the Guard (NB en realidad un Yeoman Warder), restauración completa.jpg |1Programa oficial--Procesión por el sufragio femenino-3 de marzo de 1913--crop.jpg|2Thurston, el famoso mago - Truco de la cuerda de las Indias Orientales.jpg |3 Joseph Ferdinand Keppler - El editor pirata - Revista Puck - Restauración de Adam Cuerden.jpg|4 </gallery> Lo que da:
Si desea asegurarse de que cualquier cambio futuro en el modo de galería predeterminado mantendrá este estilo de galería, puede especificar "mode=traditional", similar a los ejemplos siguientes.
nolineas :
Al especificar el parámetro de modo "nolines", se eliminan los cuadros. Utilizando la misma sintaxis que antes, pero reemplazando <gallery>por <gallery mode=nolines>obtenemos:
Empacado :
Al cambiar <gallery>a <gallery mode=packed>se obtiene una galería centrada , con un espacio ligeramente menor o significativamente menor alrededor de cada imagen (según su ancho y altura relativos), como se muestra a continuación. Puede agrandar relativamente algunas imágenes que eran más pequeñas en las vistas anteriores.
Para títulos extensos debajo de imágenes estrechas, probablemente sea mejor agregar un heights=parámetro para agrandar un poco las imágenes, ya que el tamaño pequeño predeterminado puede generar imágenes feas. Vea a continuación.
Superposición compacta :se utiliza<gallery mode=packed-overlay>para generar subtítulos que se superponen en la parte inferior de la imagen. Probablemente sea mejor que los subtítulos sean breves.
Paquete flotante :
Este utiliza <gallery mode=packed-hover>. Pase el ratón sobre las imágenes a continuación.
Además del modo, la sintaxis extendida es (ver la ayuda de la etiqueta de galería y más adelante para la lista completa de parámetros):
,_full_restoration.jpg/1280px-Detroit_Publishing_Co._-_A_Yeoman_of_the_Guard_(N.B._actually_a_Yeoman_Warder),_full_restoration.jpg)
<gallery caption= "Galería de muestras" widths= "180px" heights= "120px" > Wiki.png|SubtituladoWiki.png|alt=El logotipo de Wikipedia |Subtitulado con texto alternativo Wiki.png|[[Ayuda:Contenido/Enlaces|Enlaces]] se pueden colocar en subtítulos. Wiki.png| [[MediaWiki]] completo <br /> [[sintaxis]] ahora se puede utilizar... </gallery> Lo cual produce:
Los parámetros widths=y perrow=no hacen nada en los modos empaquetado, superpuesto o flotante, y class="center"no hacen nada cuando perrow=se usa.
Sin embargo, el heights=parámetro puede ser extremadamente útil en estos modos. Este parámetro especifica la altura inicial para representar cada miniatura de imagen, antes de que las imágenes sean posiblemente ampliadas (manteniendo su relación de tamaño) por JavaScript para llenar las filas; cuando sea necesario, Javascript consultará al servidor de imágenes para obtener miniaturas redimensionadas para varias escalas entre 100% (la altura inicial especificada) y aproximadamente 125%. Esto brinda galerías atractivas que pueden llenar páginas incluso cuando su relación de tamaño no es exactamente la misma y permite usar el área real disponible para mostrar en dispositivos móviles angostos y computadoras portátiles/de escritorio/TV grandes, e imprimir en varios formatos de papel. (Este modo también permite galerías con desplazamiento automático horizontal al incrustarlas en un contenedor grande dentro de un contenedor desplazable con un tamaño que se ajusta al ancho de la página).
Por ejemplo, tomemos lo siguiente:
<gallery mode= "packed" >
Detroit Publishing Co. - Un Yeoman of the Guard (NB en realidad un Yeoman Warder), restauración completa.jpg |Un Yeoman Warder, de una época victoriana [[photochrom]] Programa oficial de la procesión por el sufragio femenino celebrada en Washington, D.C. en
1913 Thurston, el famoso mago - East Indian Rope Trick.jpg|[[Howard Thurston]] realizando el [[ truco de la cuerda india]] Joseph Ferdinand Keppler - El editor pirata - Revista Puck - Restauración de Adam Cuerden.jpg|"El editor pirata ", una sátira sobre la infracción de derechos de autor de la revista ''[[Puck (revista)|Puck]]''. </gallery> da:
Como puede ver, la estrechez de la imagen distorsiona el título. Esto se puede solucionar fácilmente agregando el heights=parámetro correspondiente.
< modo galería = alturas empaquetadas = 200px > Detroit Publishing Co. - Un Yeoman of the Guard (NB en realidad un Yeoman Warder), restauración completa.jpg |Un Yeoman Warder, de una época victoriana [[fotocromo]]Programa oficial de la procesión por el sufragio femenino celebrada en Washington, D.C. en
1913 Thurston, el famoso mago - East Indian Rope Trick.jpg|[[Howard Thurston]] realizando el [[ truco de la cuerda india]] Joseph Ferdinand Keppler - El editor pirata - Revista Puck - Restauración de Adam Cuerden.jpg|"El editor pirata ", una sátira sobre la infracción de derechos de autor de la revista ''[[Puck (revista)|Puck]]''. </gallery> da:
Otro consejo para utilizar el modo empaquetado es mantener los subtítulos para imágenes particularmente estrechas tan cortos como sea conveniente.
En todos los modos, excepto el tradicional, los subtítulos se centran. Para alinear los subtítulos a la izquierda, especifique la declaración CSS text-align:leften el style=atributo:
<gallery mode= packed heights= 150px style= "text-align:left" >
Detroit Publishing Co. - Un Yeoman of the Guard (NB en realidad un Yeoman Warder), restauración completa.jpg |Un Yeoman Warder, de una era victoriana [[photochrom]] Programa oficial de la procesión por el sufragio femenino celebrada en Washington, D.C. en
1913 Joseph Ferdinand Keppler - El editor pirata - Revista Puck - Restauración de Adam Cuerden.jpg|"El editor pirata ", una sátira sobre la infracción de derechos de autor de la revista ''[[Puck (revista)|Puck]]''. </gallery> da:
Subtítulos centrados: Para centrar un subtítulo cuando otras opciones son ineficaces, quizás la alternativa más confiable sea utilizar:
yourimage.jpg | <div style="text-align: center;">yourcaption</div>
Subtítulos de varias líneas: para especificar saltos de línea, agregue <br>etiquetas HTML o utilice . Si necesita una línea en blanco, puede utilizar .{{br}}{{br|2}}
Para centrar una galería utilice class="center":
< gallery class = "center" > Detroit Publishing Co. - Un Yeoman of the Guard (NB: en realidad un Yeoman Warder), restauración completa.jpg|1Programa oficial--Procesión por el sufragio femenino-3 de marzo de 1913--crop.jpg|2Thurston, el famoso mago - Truco de la cuerda de las Indias Orientales.jpg|3Joseph Ferdinand Keppler - The Pirate Publisher - Revista Puck - Restauración por Adam Cuerden.jpg|4</ galería >Lo que da:
El uso del perrowatributo hará que esto no funcione. Cuando se desee una cantidad específica de imágenes por fila, utilice <gallery>elementos separados. Las galerías centradas son las predeterminadas para la mayoría de los modos de galería de variantes.
