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
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.
5 julio 2010
18 junio 2010
17 junio 2010
16 abril 2010
16 abril 2010
9 abril 2010
7 abril 2010
7 abril 2010
Bluemag en Twitter
