JMiur [E]

En Roy Tanck’s weblog ofrecen un método muy sencillo para crear un widget animado con las imágenes que tengamos guardadas en servicios de alojamiento de imágenes a los cuales podamos acceder mediante los feeds tales como Flickr , Picasa, etc

En el formulario de la página, ingresamos la URL del feed, establecemos el ancho, el alto y el color de fondo; luego, hacemos click en Generate code snippet y nos mostrará una previsualización y debajo, el código HTML que debemos copiar y pegar donde se nos de la gana.

En otra entrada del mismo blog, hay una explicacíon más detallada del Photo widget e inclso, el código fuente si es que nos interesa descargarlo.

23 comentarios:

Felipe Calvo Cepeda  

Wow.. espectácular! :)

Responder
Matías Aravena  

Está bueno, ya utiliza lo mismo que el de Flickr, es lo mismo.

Saludos!

Responder
Luis Kasanova  

Muy bueno el efecto JMiur.

Gracias por compartirlo!

Responder
Unknown  

Wuouuu impresionanteee :P

Responder
Emerald  

Precioso!!!! gracias JMiur!
y aprovecho de paso para darte mis saludos y buenos deseos para este año 2011, (siguiendo la costumbre de llegar tarde a todo) :$, buenooo solo son 4 dias!! y el año es muuuy largo :P
Un gran abrazo.

Responder
JMiur  

A mi me gustó, es fácil de usar y funciona bien :D

Gracias Luz. El año recién empieza así que todavía hay tiempo. Feliz Año !!! :D

Responder
M.O.A.  

Me gusta el efecto pero no puedo enlazar mis fotos de picassa. En realidad salvo el propio reproductor de picassa, no me funciona nunca el enlazar las fotos de picassa.
Gracias
Raúl

Responder
Anónimo  

como puedo poner la fecha como tu?

Responder
josep-GPS  

Hola, he intentado implementar este widget en una entrada pero no lo logro.
El código que inserto es:

<div style="text-align: center;">

<object width="400" height="400" type="application/x-shockwave-flash" data="http://dl.dropbox.com/u/6696871/Photowidget/photowidget.swf">

<param name="movie" value="http://dl.dropbox.com/u/6696871/Photowidget/photowidget.swf" />

<param name="bgcolor" value="#214552" />

<param name="wmode" value="transparent" />

<param name="allowScriptAccess" value="always" />

</object>

</div>

Si coloco la dirección del swf en el navegador, entonces lo veo perfectamente. ¿Podeis ayudarme?

Grácias y feliz año nuevo.

Responder
JMiur  

Pués no parece ser el código correcto ya que falta el parámetro flashvars que es el que determina el album a ser mostrado.

<param name="flashvars" ................

Responder
Amador López Criado  

Me gusta. Gracias por la información y feliz año 2011. Que los Reyes Magos te colmen de regalos. Un saludo.

Responder
josep-GPS  

Hola de nuevo.

Lo he probado añadiendo el "flashvars":

<div style="text-align: center;">

<object width="400" height="400" type="application/x-shockwave-flash" data="http://dl.dropbox.com/u/6696871/Photowidget/photowidget.swf">

<param name="movie" value="http://dl.dropbox.com/u/6696871/Photowidget/photowidget.swf" />

<param name="bgcolor" value="#214552" />

<param name="wmode" value="transparent" />

<param name="allowScriptAccess" value="always" />

<param name="flashvars" value="feed=http://dl.dropbox.com/u/6696871/Photowidget/photowidget.xml" />

</object>

</div>

Continua sin funcionsr. ¿Qué debo hacer mal?

Saludos

Responder
JMiur  

Pero, allí estás usando un archivo XML pero no un feed válido. En todo caso, si quieres crear algo similar a eso, fíjate cómo es la sintaxis de un feed y cuales son las etiquetas que deben usarse.

Responder
Unknown  

Jorge, está muy bueno este widget animado, sólo tengo el inconveniente de no saber ¿de dónde tomo la URL del feed de Piccasa de mi blog para probarlo?

Responder
Unknown  

Jorge, disculpas por las molestias, ni bien publiqué mi comentario anterior, me acordé como obtener la URL del feed consultada, de todas maneras muchas gracias!

Responder
JMiur  

No hay problema :-)

Responder
El Mike  

Esta bien chido...gracias por la info....Saludos desde México.

Responder
JMiur  

Saludos, El Chueco

Responder
Vero Rodriguez  

Muy buen efecto , pero no consigo hacerlo funcionar ¿hay algun truco o algo que este impidiendo la animacion? quizas estoy tomando mal la Url, probe con estas y no funciona

https://picasaweb.google.com/Vero84rodriguez/Huertas201002

https://picasaweb.google.com/data/feed/base/user/Vero84rodriguez/albumid/5478722298211590289?alt=rss&kind=photo&hl=es
çgracias por la ayuda

Responder
JMiur  

Tenfría que ver tu ejemplo concreto. Recuerda que la URL debe ser escrita así:

value="feed=http%3A//picasaweb.google.com/data/feed/base/user/Vero84rodriguez/albumid/5478722298211590289%3Falt%3Drss%26kind%3Dphoto%26hl%3Des"

Responder
EpideMia  

no se como conseguir el feed. me podes ayudar???
el efecto es buenisimo

Responder
JMiur  

¿El feed de qué lugar?
Si se trata de un álbum, simplemente entra en en ese album y veras a la derecha un enlace que dice RSS. Fíjate que el formato coincida con el que se muestra en el comentario 21.

Responder
Unknown  

Gracias. Lo estaba buscando hace tiempo :)

www.labutacacritica.com cine critica

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR