comparte el articulo 

JoomGallery: Galería de imágenes para Joomla 1.5 (segunda parte)

Actualizado el 06/12/2010 < > 0 Comentarios

Resumen: Configuración de una galería de imágenes JoomGallery para Joomla 1.5.

Configuración del front-end

Configuraciones principales

En la primer sub-pestaña de esta configuración, se encuentran los parámetros de configuración principales en todo lo referente a la forma en que se mostrarán los elementos ubicados en el front-end de la página.

En el primer selector se selecciona si se utilizarán las imágenes o categorías como anclas, de forma que los usuarios puedan acceder directamente a las mismas a través de un enlace, sin la necesidad de navegar por la página. La segunda selección que se debe hacer en esta configuración, es si se desea que aparezcan mensajes de ayuda cuando el usuario posa el ratón sobre diferentes elementos de la galería.

Luego aparece la opción para el recorte de las imágenes, de forma tal que las miniaturas queden del tamaño deseado de acuerdo a las medidas preestablecidas. En la siguiente lista, se encuentran los diferentes puntos de inicio del recorte; por ejemplo, si se selecciona “Arriba/izquierda”, la imagen será medida desde este punto y el recorte se hará en los extremos (abajo y derecha). Al final de esta sub-pestaña se encuentran los campos en los cuales se puede introducir las dimensiones (en pixeles) que se darán a las miniaturas.

Orden de las imágenes

En esta sub-pestaña se debe seleccionar el criterio que se utilizará para el ordenamiento de las imágenes, pudiendo optarse por “orden numérico”, “fecha de transferencia” y “nombre”, tanto en sentido ascendente como descendente. Para que no haya conflictos en caso de ausencia de uno de los elementos utilizados para ordenar las imágenes, se deben seleccionar otros dos criterios para actuar en segundo y tercer lugar y mantener el ordenamiento de las imágenes.

Título de la página

Esta configuración requiere conocimientos de programación, por lo que su comprensión será dificultosa, al igual que su manejo, por lo que se recomienda dejar esta configuración en manos de personas con conocimientos. De todas formas, para la mayoría de los casos, la configuración por defecto de JoomGallery será suficiente. En caso de que se decida dejar en blanco, se tomará el título del elemento de menú que aparece en el título.

Cabecera y pie de página

Es posible determinar las características que tendrán los elementos de la cabecera y el pie de página para la sección del sitio en Joomla 1.5 a la que pertenece la galería de imágenes. Se puede en esta sección, determinar si se desea que se publique el título de la galería de imágenes (que no es el mismo que el título del sitio donde se encuentra publicada la misma), si se desea que aparezca una navegación de la galería y su ubicación (cabecera, pie o ambos), mostrar un buscador, que aparezca el número total de imágenes y de accesos a la página, y finalmente si se desea mostrar un enlace “volver” y un enlace a los créditos de JoomGallery.

Panel de usuario

En el panel de usuario, el mismo podrá subir imágenes y administrarlas, en caso de que estas opciones se encuentren habilitadas. En esta sub-pestaña, se debe determinar si los usuarios tendrán acceso a este tipo de herramientas desde el front-end y si el Administrador de la página podrá ver todas las imágenes, aún las de otros usuarios.

Una última opción permite que se muestre una “mini-miniatura”, que es una imagen pequeña que se ubica junto al nombre para que los usuarios puedan orientarse mejor.

Funciones pop-up

En esta sub-sección de la configuración, se pueden configurar todos los elementos presentes en las ventanas pop-up. En primer lugar, nos encontramos con la posibilidad de configurar los elementos visibles de la ventana pop-up, como bordes, fondos, etc. Luego aparecen configuraciones relativas al DHTML, o sea, de los elementos dinámicos de la presentación de las imágenes.

En los dos primeros selectores se determina si se desea o no que aparezcan el título y la descripción de las imágenes en los elementos del DHTML que se abre. Luego, se determina la velocidad del movimiento de las imágenes que se cambian, siendo a mayor número, mayor la velocidad a la que se moverán las imágenes.

Luego se determina si se desea que todas las imágenes sean presentadas en pop-up, lo que en caso de ser afirmativo, debe tenerse en cuenta que se producirá un aumento en el tráfico de la conexión. En el siguiente selector, se puede determinar si se desea utilizar una forma de redimensionamiento de las imágenes que emplea JavaScript; en caso de utilizarse, se debe tener en cuenta que esto afecta todas las funciones DHTML. Por último, se puede utilizar el siguiente selector para hacer que los usuarios tengan el botón derecho inhabilitado en las imágenes.

Vista de la galería

Esta es una de las configuraciones más importantes, ya que se determina la forma en que se comportarán muchos de los elementos visibles en la galería. Los dos primeros selectores sirven para decidir si será visible la navegación en la galería y la cabecera de la categoría.

Luego, se debe determinar la cantidad de columnas en las que se mostrarán las categorías en la vista principal de la galería, y la cantidad de categorías por cada página. Demás está decir que lo más conveniente es que la cantidad de categorías que se mostrarán en las páginas sea múltiplo de la cantidad de columnas, a los efectos de evitar que aparezcan espacios en blanco.

Luego se debe determinar si se mostrarán los controles de paginación (algo que siempre es conveniente) y su ubicación, pudiendo optarse por ubicarlo en la parte superior, inferior o en ambos. Más abajo aparece un selector con el que se puede hacer que se muestre el número de categorías.

También se puede hacer que se muestre una miniatura en cada categoría, como una especie de muestra del contenido de la misma, que puede ser una imagen seleccionada o aleatoria, según se determine en esta misma configuración. Luego se puede elegir las categorías de las que se extraerán las miniaturas en caso de que sean aleatorias, además de la forma en que se alinearán.

También puede hacerse que sea visible el número de imágenes contenidas en cada categoría, y también la cantidad de usuarios que han accedido a la misma. Las categorías nuevas pueden ser destacadas durante un determinado período de días, como puede determinarse en los dos selectores siguientes.

Finalmente, se podrá hacer visible la descripción de la categoría en la vista de galería, podrá determinarse si todos los usuarios podrán ver las categorías (y en caso de que no todos los usuarios puedan hacerlo, determinar si los usuarios registrados pueden), y si las sub-categorías serán mostradas.

Vista de la categoría

La configuración de la vista en la que aparecen las imágenes de una categoría dada tiene más o menos los mismos parámetros de configuración que otras configuraciones que ya hemos visto, por lo que no entraremos en más detalles que en aquellos elementos de la configuración que sean únicos.

La forma en que se verán las imágenes que se abren es uno de estos elementos. Se puede elegir entre la vista por defecto, abrir en ventana nueva, abrir en ventana de JavaScript, abrir en ventana DHTML, abrir en Thickbox3 o en Slimbox. Con la primera, la imagen aparece en una nueva página, con mini-miniaturas que permiten enlazar y mostrar el resto de las imágenes de la categoría, junto a botones que permiten la navegación entre ellas, y un botón “play” que acciona el cambio automático de imágenes.

Abrir en ventana nueva es interpretado de diferentes formas según el navegador, pudiendo aparecer en ventana o pestaña nueva, según sea el caso. Abrir en JavaScript es abrir una ventana emergente del propio navegador, sin navegación ni ninguna barra de herramientas, y con las dimensiones de la imagen. La ventana DHTML aparece en el centro de la página, y tiene formatos CSS que pueden ser modificados. En los dos últimos casos, se trata de presentaciones en los que las imágenes aparecen en un lightbox.

Publicado el 06/12/2010, última actualización 06/12/2010.

Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Andrés Fernández

URL: LaWebera.es :: Diseño Web

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras