Una de las utilidades más simples pero a la vez interesantes del sistema [https://www.mediawiki.org MediaWiki], es la galería multimedia. Su uso es extremadamente sencillo y el objetivo es poder disponer de un grupo de fotos en miniatura o no tan miniatura, juntas. Cada imagen podrá disponer de su propio título y su correspondiente enlace para verse, no sólo a tamaño real, sino con información detallada sobre ella.<br />En realidad, cualquier imagen que utilices en tus artículos, dispondrá de ese tipo de información. tienes un ejemplo:[[:Archivo:JuanDirecto.jpg|aquí]]
== Uso ==
<span class="galeria">al clicar sobre este icono</span> En en la zona del artículo donde esté el cursor , aparecerá esto:<codesyntaxhighlight>
<gallery>
Ejemplo.jpg|Descripción1
Ejemplo.jpg|Descripción2
</gallery>
</codesyntaxhighlight>
Y el resultado del ejemplo anterior sería éste:
<gallery>
=== Alineación ===
Desafortunadamente los elementos de alineación no son aplicables a las galerías y siempre se alinean a la izquierda, excepto en los modos '''packed''', '''packed-overlay''' y '''packed-hover''' que vermos más adelante en la sección [[Ayuda:Galería_de_fotos#Modos|Modos]] y que en este caso se alinearán al centro, pero puedes usar estilos de alineación de texto CSS para salvar este inconveniente. Así por ejemplo si quisieras alinear la galería al centro, podrías usar un código similar al siguiente:
<codesyntaxhighlight>
<div style="text-align:center;"><gallery>
<gallery>
</gallery>
</div>
</codesyntaxhighlight>
y obtendrías este resultado:
<div style="text-align:center;"><gallery>
=== Tamaño de las imágenes ===
En principio y sin usar código css auxiliar con etiquetas '''ul''' y '''li''', El tamaño se aplicará de forma general a todas las miniaturas y deberá incluirse en la propia etiqueta '''<gallery>''' y no sobre cada foto. El tamaño por defecto es de 160px, pero nosotros podemos cambiarlo a nuestro gusto, tanto el ancho como el alto. En el siguiente ejemplo le daremos un ancho a la galería de 100px y un alto de 50px:
<codesyntaxhighlight>
<gallery widths=100px heights=50px>
Ejemplo.jpg|Descripción1
Ejemplo.jpg|Descripción2
</gallery>
</codesyntaxhighlight>
'''Nota:''' Nótese el plural en los atributos widths y heights y que estos se aplican a las imágenes y no al total que ocupan con el marco de la galería, éste siempre será proporcionalmente mayor al tamaño de las imágenes.<br />
El resultado obtenido será el siguiente:
A continuación te mostraremos el código de un ejemplo en el que usaremos uno de los modos descritos con alfunas variantes:
<codesyntaxhighlight><gallery mode="packed-hover">
Image:Astronotus_ocellatus.jpg|''Pececillo''
Image:Salmonlarvakils.jpg|''[[commons:Salmo salar|Salmo salar]]'' (ejemplo con enlace)
Image:Pterois volitans Manado-e.jpg|<small>Texto reducido</small>
Image:Macropodus opercularis - front (aka).jpg|<big>Texto aumentado</big>
</gallery></codesyntaxhighlight>
'''Nota:''' El uso de la etiqueta '''Image''' es opcional.<br /><br />
El resultado es éste: