stringtranslate.com

Ayuda: Etiqueta de galería

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.

Atributos y valores

Los atributos y valores van después de la palabra galleryy de un espacio en blanco, y antes del corchete angular final:<gallery attributes...>

Notas de uso

Cargando imágenes

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

Sintaxis

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.

Sintaxis extendida

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):

<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.

Subtítulos

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}}

Centro

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.

Véase también