FANDOM


Esta página describe cómo usar y personalizar las galerías, presentaciones y diapositivas (gallery, slideshow, y slider) mediante wikitexto.

Véase también Ayuda:Galerías, presentaciones y diapositivas para aspectos básicos. Ten en cuenta que los vídeos también son soportados por las galerías y diapositivas, si el las nuevas galerías de imágenes se encuentran deshabilitadas.

Galerías

Una galería es una colección de imágenes arregladas en fila dentro de una página.

Ejemplo básico

Aquí el código de una galería básica:

<gallery>
Example1.png
Example2.png
Example3.png
</gallery>

Ejemplo con variaciones

El siguiente código generaría una galería un poco más compleja como se pudo ver arriba:

<gallery navigation="true">
Example1.png
Example2.png|Con descripción.
Example3.png|Se puede usar '''[[Ayuda:Wikitexto|wikitexto]]''' en la descripción.
Example4.png|Esta foto enlaza a [[Ayuda:Contenidos]].|link=Ayuda:Contenidos
</gallery>

En este ejemplo...

  • El primer elemento es solo la imagen.
  • El segundo elemento es una imagen con descripción
  • El tercer elemento es una imagen con una descripción que incluye wikitexto.
  • El cuarto elemento es una imagen que enlaza a otra pagina del wiki, seguido de una descripción.

Ejemplo con variables

Si lo deseas puedes usar variables el lugar de imágenes, tendrás que cambiar la etiqueta gallery a una forma ligeramente diferente, como se muestra abajo (con tres variables de imagen y algunas configuraciones definidas):

{{#tag:gallery|
{{{1|}}}
{{{2|}}}
{{{3|}}}
|hideaddbutton="true"
|crop="true"
}}

Presentaciones

Una presentación es un modulo que muestra una imagen a la vez y automáticamente rota las imágenes incluidas.

  • ¡Gatitos!
  • ¡Cachorros!
  • ¡Monos!
  • ¡Jirafas!

Ejemplo básico

Aquí el código de una presentación básica:

<gallery type="slideshow">
Example1.png
Example2.png
Example3.png
</gallery>

Ejemplo con variaciones

El siguiente ejemplo generaría una presentación más compleja:

<gallery type="slideshow" hideaddbutton="true" navigation="true">
Example1.png
Example2.png|Con descripción
Example3.png|Se puede usar '''[[Ayuda:Wikitexto|wikitexto]]''' en la descripción.
Example4.png|Al dar clic en la foto te llevará a [[Ayuda:Contenidos]].|link==Ayuda:Contenidos|linktext=Ayuda:Contenidos
</gallery>

En este ejemplo...

  • El primer elemento es solo la imagen.
  • El segundo elemento es una imagen con descripción
  • El tercer elemento es una imagen con una descripción que incluye wikitexto.
  • El cuarto elemento es una imagen que enlaza a otra pagina del wiki. También incluye una descripción de la imagen y del enlace.

Diapositivas

Una diapositiva es un modulo que ocupa el ancho total de una pagina y automáticamente rota hasta cuatro imágenes.

Consejo: Para mejores resultados usa imágenes que sean exactamente de 670 x 360px.

Ejemplo básico

Aquí el código de una diapositiva básica:

<gallery type="slider">
Example1.png
Example2.png
Example3.png
</gallery>

Ejemplo con variaciones

El siguiente ejemplo generaría una diapositiva más compleja:

<gallery type="slider">
Example1.png
Example2.png|Ejemplo dos
Example3.png|Ejemplo tres|linktext=Enlaces grandes
Example4.png|Ejemplo cuatro|link=Ayuda:Contenidos|linktext=Páginas interesnates
</gallery>

En este ejemplo...

  • El primer elemento es solo la imagen.
  • El segundo elemento es una imagen con un título
  • El tercer elemento es una imagen con un título y un subtitulo.
  • El cuarto elemento es una imagen que enlaza a otra pagina del wiki. También incluye un título y un subtitulo.

Diapositiva avanzada con variables

Si lo deseas puedes usar variables el lugar de imágenes, tendrás que cambiar la etiqueta gallery a una forma ligeramente diferente, como se muestra abajo (con tres variables de imagen y algunas configuraciones definidas):

{{#tag:gallery|
{{{1|}}}
{{{2|}}}
{{{3|}}}
|type="slider"
|orientation="right"
|hideaddbutton="true"
}}

Wikitexto y opciones

Las siguientes tablas muestran las opciones de personalización de cada uno de los tres módulos de imágenes.

Gallery

Tipo Parámetros Predeterminado
Opciones de diseño
Ancho de imagen (max) widths=[number of pixels] 200px
Numero de columnas columns=[number of columns] or perrow=[number of columns] Ajustado a la pagina*
* Si columns no se especifica, el numero de imagenes por fila se ajustará automáticamente según el tamaño de la ventana del navegador.
Posición de la galería position=[left/center/right] Left
Espacio entre imágenes spacing=[small/medium/large] Med
Orientación y recorte orientation=[none/landscape/portrait/square] None
Opciones de descripción
Posición del texto captionposition=[within/below] Below
Alineación de texto captionalign=[left/center/right] Left
Color captiontextcolor=[hex color code] Color del texto del wiki
Opciones del borde
Grosor del borde bordersize=[none/small/medium/large] Small
Color del borde bordercolor=[hex color code] Acorde al tema del wiki
Otros
Ocultar botón "añadir" hideaddbutton=true Sin ocultar
Opciones de galería caption=[text displayed] Sin descripción
Las imágenes
Las imágenes se separan por saltos de linea.
Las descripciones son opcionales. Los corchetes son usados solo para añadir enlaces.
Los enlaces son opcionales y usan link=

Slideshow

Tipo Parámetros Predeterminado
Opciones de diseño
Ancho de imagen (max) widths=[number of pixels] 300px
Recorte crop=[true] Sin recorte
Mostrar subidas recientes showrecentuploads=[true] False
Posición de la presentación position=[left/center/right] Right
Otros
Ocultar botón "añadir" hideaddbutton=true Sin ocultar
Descripción de la presentación caption=[texto a mostrar] Sin descripción
Las imágenes
Las imágenes se separan por saltos de linea.
Las descripciones son opcionales. Los corchetes son usados solo para añadir enlaces.
Los enlaces son opcionales y usan link=

Slider

Tipo Parámetros Predeterminado
Opciones de diseño
Orientación orientation=[left/right] Bottom
Las imágenes
Las imágenes se separan por saltos de linea.
Los títulos son opcionales.
Los enlaces son opcionales y usan link=
Los subtitulos son opcionales y usan linktext=

Véase también

Ayuda y comentarios

El contenido de la comunidad está disponible bajo CC-BY-SA a menos que se indique lo contrario.