miércoles, 15 de abril de 2009

Crear galerías de imágenes con Picasa y SimpleViewer

Aunque hay montones de utilidades y plugins para crear de forma sencilla galerías fotográficas vistosas en muy pocos minutos y sin apenas ningún conocimiento de programación, una de mis favoritas es SimpleViewer, una pequeña aplicación hecha en Flash que va cargando las imágenes de forma dinámica desde un archivo XML externo. Este programa se puede utilizar de varias formas, implementándolo manualmente en tu blog / web, mediante una aplicación PHP del mismo autor o con algunos programas de escritorio.

En mi caso, utilizo Picasa de Google para crear mis galerías, ya que de una sola “tacada” puedo seleccionar la imágenes, ordenarlas, hacerles algún ajuste y crear el álbum directamente listo para subirlo vía ftp a mi blog.

Los pasos a seguir son los siguientes:

1. Descarga e instala Picasa

Si no lo tienes, puedes descargarlo aquí.

2. Instala la plantilla de SimpleViewer para Picasa

Descargar la plantilla aquí.
Descomprime el archivo .zip en “C:\Archivos de programa\Picasa2\web\templates”.

3. Como crear la galería

Abre Picasa. Selecciona la carpeta que contiene las imágenes que quieres incluir en tu galería y selecciona “Carpetas > Exportar como página HTML”.

Selecciona el tamaño al que quieres escalar las imágenes (o tamaño original si no quieres reescalarlas). Introduce un nombre para tu galería.

En la ficha “Seleccionar una plantilla de página web” , elige “SimpleViewer”. Clicka “Finalizar”, la galería se generará automáticamente y se abrira en un nuevo explorador.

4. Editar las opciones de SimpleViewer (Opcional)

Una vez creado tu álbum, puedes modificar algunas de las características del mismo editando el archivo “gallery.xml” que ha generado Picasa con cualquier editor de texto (el notepad de Windows ya te servirá).

Opciones del archivo XML de SimpleViewer

maxImageWidth – Ancho máximo de las imágenes en píxeles.
maxImageHeight – Altura máxima en píxels de las imágenes.
textColor – Modifica el color del título y del texto (en hexadecimal e.j. 0xff00ff).
frameColor – Color del marco de las imágenes, botones de navegación y marco de las miniaturas.
frameWidth – Determina el ancho del marco de las imágenes.
stagePadding – Distancia entre las imágenes y las miniaturas y alrededor de la galería.
thumbnailColumns – Número de columnas de miniaturas. (0 para ninguna)
thumbnailRows – Número de filas de miniaturas. (0 para ninguna.)
navPosition - Posición relativa de las miniaturas en la página. Puede ser “top”, “bottom”,”left” o “right”.
title – Título de la página.
enableRightClickOpen – Muestra ‘Open In new Window…’ haciendo click con el botón derecho sobre una imagen. Puede ser “true” or “false”.
backgroundImagePath (optional) – Ruta relativa o absoluta para los JPGs y SWFs para el fondo de la página.
imagePath (optional) - Ruta relativa o absoluta para las imágenes del álbum.
thumbPath (optional) - Ruta relativa o absoluta para las miniaturas del álbum.

5. Cambiar el color de fondo de tu galería (Opcional)

Para cambiar el color del fondo, edita el archivo “index.html”. Introduce el código del color en formato hexadecimal en la línea SWFObject:

var fo = new SWFObject(”viewer.swf”, “viewer”,
“100%”, “100%”, “7″, “#ff00ff”);

6. Subir la galería a tu servidor

Sube la carpeta generada con Picasa a tu servidor con tu programa de FTP y listo.

Puedes ver el resultado aquí, aquí, o aquí

2 comentarios:

  1. Hola mira es que estaba buscando informacion sobre este programa, para poner las fotos de mis tartas...

    Pero a la que llego a la parte de subirlo al blog me lio....

    No tengo nociones de informatica...solo algo de tocar el blog...me podrias ayudar por favor???

    Gracias de antemano...

    www.tartasparaimpresionar.com

    http://lamanchegaloca1.blogspot.com

    ResponderEliminar
  2. hola amigo quiero saber donde puedo descargar la plantilla de simpleviewer para picasa porque en el link que tienes no esta gracias

    ResponderEliminar