Incluir fotos de Picasa en nuestra web

Hace tiempo que me cree una cuenta en Google Picasa para poder subir mis fotos, también había visto varias páginas, sobretodo con Flickr, que alojaban thumbnails de sus fotografías en ellas.

Yo también quería hacer lo mismo, pero con Picasa, busque por Internet y no encontré nada, solo lo que google me ofrecía pero o bien mostraba una foto concreta, o una que representaba el álbum, y yo queria mostrar las últimas 5 añadidas.

Ante la desilusión de no encontrar nada y no querer pasarme a flickr, decidí hacerlo yo mismo, para poder obtener las 5 últimas, necesitaba el rss de mi álbum, a partir de el podría conseguir las imágenes.

Incluir fotos de picasa usando Magpier

Para poder parsearlo decidí usar MagpieRSS, uno de los mejores parseadores, pero me encontré con un problema y es que dentro del tag description a parte de la imagen que es lo que yo quería conseguir,había mas información.

Para poder obtener solo la imagen necesitaba usar una expresión regular que me consiguiera solo la etiqueta img y mas concretamente el src.

Una vez conseguido esto,dado el tamaño en el que venía la imagen, y al haber sido sacada de un rss, no podía cambiar el tamaño, use GD para redimensionarla a mi gusto, el problema fue que descargar, redimensionar y mostrar 5 fotos requería bastante carga para este blog (ya de por si trae bastante carga) por lo que deseche esta idea y simplemente redimensione la imagen usando los tags de html, alto y ancho.

Aunque las imágenes no son muy nítidas dado al “cambio” al que se han visto expuestas, de momento me sirve, si alguien quiere perfeccionarlo y redimensionarlo correctamente aquí incluyo el código.

PD: no las muestra en el orden de subida, sino que lo ordena por fecha y hora de creación

< ?
/*
Añade un thumbnail de tus imagenes de google picasa
por Emilio-José Rodríguez http://emilio.aesinformatica.com

Requiere de magpieRSS para funcionar
*/

require_once('rss_fetch.inc');

$url = "DIRECCION RSS DEL ALBUM";
$rss = fetch_rss($url);
$items = array_slice($rss->items, 0, 5);

foreach ($items as $item) {
$link = $item['link'];
$title = $item['title'];
preg_match("'< \s*img\s.*?src\s*=\s*([\"\'])?(?(1) (.*?)\\1 | ([^\s\>]+))'isx", $item['description'], $resultado );
$img = ( $resultado[3] ) ? $resultado[3] : $resultado[2];
echo "<[a] xhref=$link ><[i]mg xsrc=$img alt='$title' title='$title' alt='' width='50' height='50' border='0' />  ";

}
?>

Si alguien hace alguna mejora, si me lo manda lo pondré aquí.

Artículos relacionados



Comentarios en Incluir fotos de Picasa en nuestra web

Hay 12 Comentarios en el artículo Incluir fotos de Picasa en nuestra web, ¿a qué esperas para dar tu opinión?


  1. [...] La función que hice el otro día para poder obtener un thumbnail de mis fotografías de picasa en mi página, también funciona para Flickr y con el mismo resultado, obtiene correctamente las fotos pero su calidad es muy baja al no redimensionarlas correctamente. [...]

  2. derkeNuke dice:

    Interesantísimo planteamiento, muy inteligente y eficaz. Ahí se ve el poder de los estándares XML y la potencia de los lenguajes de programación, las expresiones regulares y, cómo no, el cerebro humano ;-)

    No se me ocurriría cómo hacerlo mejor.

    Un saludo!

  3. JOANDRA dice:

    hola emilio soy tu fan eres el mas lindo de todos ok T.Q.MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM

  4. Anónimo dice:

    ¿SOS PELOTUDO? ¿SOS GUEY?

  5. emirodgar dice:

    ¿No te gustan las fotos de picassa? que manía tienen algunos con insultar…

  6. Anónimo dice:

    que no te insulta emilio
    te pregunta que si quieres jugar al baloncesto conel (pelotudo) y luego creo q le han dado una patada en los huevos

    mira que eres mal pensado

  7. emirodgar dice:

    Jajaja menos mal que te tengo a ti de traductor eh?!

  8. rochi dice:

    me hice una cuenta en picassa pero no puedo subir fotos! como se hace para que me aparescan las carpetas con el numer de fotos que tengo y demas?

  9. javito dice:

    Olee!!
    justo lo que estaba buscando desde hace varias semanas.

    Gracias!!!

  10. Ivana dice:

    como usar picassa en internet??????????

    gratis…

Deja un comentario