He encontrado una aplicación por ahí que está entre las 10 más descargadas como plugin para el Firefox (don't panic, también funciona con IE), que se llama CoolIris. Una vez que te lo instalas, puedes ver las fotografías en un interface 3D parecido al del IPod para elegir los álbumes, y es compatible con Flickr, Youtube, y etc etc etc.



Ni corto ni perezoso, he hecho los deberes y ya mi blog está adaptado para que puedas ver las fotos que he ido subiendo al blog con CoolIris (he puesto un link a la derecha, justo debajo del link a Flickr, aunque posándote sobre ellas con el puntero, hay un acceso directo en la esquina inferior izquierda).

Para instalarlo es fácil, ahí van los pasos:

1. Crea un feed RSS con la información de las imágenes que estarán en la galería. En mi caso ha sido el mayor coñazo, porque blogspot no da soporte a esto. Así que te creas entonces un fichero (en mi caso tachetti.rss) y lo subes al mismo servidor que las fotos. La estructura es la siguiente:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>

<title>Titulo.de.mi.galeria</title>
<link>http://direccion.de.mi.blog.com/</link>
<description>Descripcion.de.la.galeria</description>

<item>
<title>foto</title>
<link>http://miservidor.com/foto.en.tamaño.grande.jpg</link>
<guid>foto</guid>
<media:thumbnail url="http://miservidor.com/foto.en.tamaño.pequeño.jpg" />
<media:content url="http://miservidor.com/foto.en.tamaño.grande.jpg" type="image/jpeg" />

</item>

...

</channel>
</rss>

Habría que crear un <item> completo por cada foto que queramos agregar a la librería. De todas formas hay que tener en cuenta que los enlaces deben corresponder con las imágenes que tengamos subidas en los posts, si queremos que se active el icono de Cooliris en la esquina. Además, si tus fotos son muy grandes, hazte miniaturas de las fotos para ponerlas en la propiedad media:thumbnail, sino tardará mucho en cargar.

2. Agregar un par de líneas al de tu blog:

<link id="photos" rel="alternate" href="http://miservidor.com/tachetti.rss" type="application/rss+xml" title="PicLens RSS" />
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>

Cambiando el href del link por el de tu fichero rss (incluyendo la ruta absoluta). El <script> añádelo tal cual.

3. Añade un link para CoolIris en tu blog dónde quieras, para que se acceda a las imágenes directamente. Sería algo así:

<a href="javascript:PicLensLite.start();">Haz click aquí para arrancar CoolIris!</a>

Y ya está, ya tienes tu página con las fotos agregadas y lista para ser vistas con CoolIris.

¿Qué tal te sientes al tener un blog tan cool?


PD: Blogspot es una mi**da para subir código fuente en html ...

PD2: También se pueden agregar videos, más de un feed por página, etcétera. Toda la información aquí.

Etichette: cool, cooliris, web