Galerías de imágenes en Joomla 1.6 con Ozio Gallery

ozio_gallery_0Tutorial para crear galerías de imágenes en Joomla 1.6 empleando el componente Ozio Gallery. Este componente nos permitirá mostrar imágenes de “Google Image Search”, imágenes alojadas en Flickr, en Picasa, o en un directorio local. Además cuenta con varios Skins que nos ayudarán a crea galerías de aspectos diversos y visualmente atractivas.

Podemos descargar la versión de Ozio Gallery para Joomla 1.6 desde la página oficial del componente.

Una vez instalado siguiendo el procedimiento habitual, podremos acceder a él desde “Componentes > Ozio Gallery 3”. En la primera de las tres pestañas que aquí aparecen, veremos una descripción del componente junto a una lista de las galerías que hemos creado.

ozio_gallery_1


En la sección “System Information”, veremos una lista de carpetas junto a las que deberá aparecer el atributo “Writable” para que el componente funcione correctamente. El último elemento de la lista hace referencia al plugin de Ozio Gallery y, en caso de estar instalado, deberá aparecer como “Installed”.

ozio_gallery_2


Desde la pestaña "Reset XML", accederemos a la lista de “Skins” de los que dispone el componente. Aquí, podremos resetear los archivos xml de las galerías asociados a los distintos “Skins”, pulsando en los iconos de la columna “Comando”. Estos archivos se generan automáticamente al modificar los archivos de la galería, pero deben ser eliminados mediante esta opción.

ozio_gallery_3

 

La sección F.A.Q. cvntiene, únicamente, una breve descripción indicando el directorio en el que debemos guardar las imágenes de nuestras galerías.

ozio_gallery_4

 

Creando galerías de imágenes

Si queremos crear una galería de imágenes, tendremos que comenzar por añadir un nuevo elemento al menú desde el gestor de menús.

En la sección “Detalles”, seleccionaremos el tipo de elemento que queremos agregar al menú. Para ello, pulsamos en “seleccionar” y elegimos una de las opciones disponibles en “Ozio Gallery 3”. Cada opción nos mostrará la galería de un modo distinto.

ozio_gallery_5


Después de elegir el tipo de galería que queremos para nuestras imágenes, escribimos el título del menú y completamos las opciones propias de los menús.

ozio_gallery_6


En la sección “Required Settings”, pondremos la ruta del directorio que contiene las imágenes que compondrán la galería. También podremos resetear el archivo xml pulsando en el botón de “reset” (es necesario para que se apliquen algunos cambios).

ozio_gallery_7

 

En “Opciones Básicas”, decidiremos si se muestra el título de la galería (el mismo que el del menú) y podremos añadir un texto y un sufijo para el archivo xml. Esta última opción evita problemas si hay varios elementos del menú con el mismo nombre.

Dependiendo del tipo de galería elegida, podremos decidir si las imágenes a mostrar serán de un directorio local o estarán alojadas en Flickr.

ozio_gallery_8

 

Si elegimos la opción “Flickr”, tendremos que completar los datos de la sección “Flickr Settings”. Los datos a completar dependerán del tipo de galería elegida.

ozio_gallery_9

 

En “Genereal Gallery Settings”, estableceremos las opciones de apariencia de la galería. Elegiremos el tamaño, la alineación, los colores, etc. Algunas de las propiedades de esta sección son comunes a todas las galerías, pero también encontraremos otras específicas del tipo de galería que estemos creando.

ozio_gallery_10

 

En “Debug Settings”, podremos habilitar las opciones de depuración.

ozio_gallery_11

 

El resto de opciones son las comunes a todos los elementos de los menús.

 

Imágenes de Flickr

Además de la opción de utilizar imágenes de Flickr en algunas de las galerías de Ozio Gallery, existe una galería específica para las imágenes alojadas en ese servidor. Para utilizarla, tendremos que elegir el elemento “Flickr PictoBrowser Skin” de la lista de elementos de “Ozio Gallery 3”.

ozio_gallery_12

 

Además de las opciones propias de los menús, habrá que rellenar los datos de la sección “Required Settings”. Aquí escribiremos el ID y el nombre de usuario de Flickr cuyas imágenes queremos mostrar. También tendremos que elegir el origen de las imágenes (set, keywords, groups) y rellenar los datos necesarios en función de nuestra elección.

ozio_gallery_13

 

El resto de las secciones son similares a las de los otros tipos de galerías.

 

Imágenes de Google

Otra de las posibilidades que ofrece este componente es mostrar imágenes de Google, tanto de Picasa como de Google Images.

Para mostrar las imágenes de Picasa, elegiremos el elemento “Picasa PictoBrowser Skin”.

ozio_gallery_14

 

En la sección “Required Settings”, tendremos que introducir el nombre del usuario, el ID del álbum y elegir el origen de las imágenes (Albums o Tag).

ozio_gallery_15

 

Otro elemento disponible para mostrar imágenes de Google es “Pup'n Goo Skin”, que nos permitirá mostrar imágenes de “Google Image Search”en función a un criterio de búsqueda.

ozio_gallery_16

 

En la sección “Required Settings”, escribiremos las palabras clave, configuraremos algunas opciones avanzadas de búsqueda (tamaño, color, extensión, etc) y podremos restringir la búsqueda a un único sitio web escribiendo su dirección. Además podremos configurar algunas opciones del aspecto de la galería.

ozio_gallery_17

 

Ozio Gallery Plugin

Además del componente, hay disponible un plugín que nos permitirá mostrar las galerías de imágenes dentro de los artículos. Para mostrar las galerías de esta forma, tendremos que crear la galería como se ha descrito anteriormente. Tras esto, vamos a “Componentes > Ozio Gallery > Cpanel” y copiamos el código de la columna “Plugin code”, perteneciente a la galería que queremos mostrar en el artículo.

 

ozio_gallery_18

 

Posteriormente, vamos al artículo y pegamos el código que acabamos de copiar.

ozio_gallery_19_copy

 

Si utilizamos éste último método y no queremos que aparezca el enlace a la galería en el menú, tendremos que crear un nuevo menú del tipo “hidden” y agregar el enlace a la galería dentro de ese menú.

ozio_gallery_20_copy

 

Para ver una muestra de los distintos tipos de galerías que podemos crear con Ozio Gallery, podemos visitar su página oficial.

 

Enlace | Ozio Gallery

 

Escribir un comentario

Por favor procura que tus comentarios estén relacionados con la entrada, comenta con tu nombre y no pongas enlaces en tu comentario. Intenta también respetar a los demás lectores, los comentarios off topic, promocionales, ofensivos o ilegales serán editados y borrados.


Código de seguridad
Refescar