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, etcEn 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:
Wow.. espectácular! :)
Está bueno, ya utiliza lo mismo que el de Flickr, es lo mismo.
Saludos!
Muy bueno el efecto JMiur.
Gracias por compartirlo!
Wuouuu impresionanteee :P
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.
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
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
como puedo poner la fecha como tu?
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.
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" ................
Me gusta. Gracias por la información y feliz año 2011. Que los Reyes Magos te colmen de regalos. Un saludo.
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
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.
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?
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!
No hay problema :-)
Esta bien chido...gracias por la info....Saludos desde México.
Saludos, El Chueco
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
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"
no se como conseguir el feed. me podes ayudar???
el efecto es buenisimo
¿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.
Gracias. Lo estaba buscando hace tiempo :)
www.labutacacritica.com cine critica
¿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 ...