Hi,
Yesterday one of my friend asked me find a small widget to display photos from his picasa album to his blog. I searched for a while but didn't like any of them and thought of creating one by myself. I quickly logged on to picasa to find the "developer api" and started working on it. After few hours of work I came up with something like this.
Features:
1) Next/Previous photos
2) Full-Screen
3) Play/pause
4) small/medium/large thumbnail view
Its in a very primary state, please try it in your own blog or website and let me know what do you think about it. If you find any errors please post it here as a comment and I will try to work on it. At the moment code is very messy, I will tidy it up and post it here. Please post a comment if you are using it in your website. Its only for my reference. You can find it here
http://desaijatin.googlepages.com/home
Enjoy,
Jatin
Update (26 June 2008)
Thanks for the comments. This little widget uses the qs library (visit: http://www.quietlyscheming.com/blog/ for more info.)
I have used DisplayShelf component for the Album listing and the Landscape zoomer (light table) for the photo listing.
Hope this library will help you to build something like this.
J.
Saturday, 21 June 2008
Picasa Web album Widget
Subscribe to:
Post Comments (Atom)
21 comments:
For the ones who have read the piece on Jatin Desai's Picasa Web Album Widget, the friend he mentioned is me (devansh patel). What really took me by surprise is that what can a single idea which comes in a spur of a moment does to you. I mean....I just happened to question Jatin (yes, he sometimes gets irritated with my questions as I am a bollywood correspondent..that's what we do for a living - ask lots of q's)whether or not I could post some pictures of bollywood celebs so that my readers / visitors of my blog - www.filmifarmoola.blogspot.com can cherish something different rather than just my articles and interviews and stories. That was enough for the I.T Braineee Jatin to give his c.p.u a bit of brain storming. NOW THIS IS TRUE! He slept at 4am..Yes, 4am. Why? Read on - in four hours he came up with this brilliant widget. So while the rest of us were sleeping, this man was working his butt off in creating one of the best applications for the ones who want to showcase their pictures. It's got play, pause and full screen options. If you want to see what he created for me, please log on to www.filmifarmoola.blogspot.com WAY TO GO DESAI.....
You could refer to the qs library (I think you use it, I have recognized the effect and the border with of the example!), its important to spread knowledge!
Great jobs! thanks it is very useful!
Is there an option to show for a particular album form the start with a width 800px. I am thinking, maybe I can use it as blog header photo.
thanks.
For the last comment:
Can you please provide more details, as what sort of functionality you would like to see. As in - if you would like users to go back to the album selection or not 2) Only show photos from particular album etc etc.
thanks
Jatin
hey Jatin,
Again great job! I need a few more feature as to show 800px flash photo from a selected album for blogger template header
it can be use to show blogger template photos in one of my picasa album
I hope you are using picasa web album rss feeds for your flash.
needed options
1) thumbnail size (pre-configure height/width e.g. 400x400px)
2) show album title (album title from the start with large font size)
3) album name/id/feeds (picasa album rss feed)
4) scaleImages (new in picasa developer api)
5) maintainAspectRatio (new in picasa developer api)
6) refresh/slide (time in sec)
7) Show caption (photo) -> from the start, album loaded
all other option remain the same(when user zoom-in, it is only one photo)
Suggestion on fullscreen view:
When user scroll the photo using the left/right arrow,
the next photo show appear/slide to the opposite direction rather than random direction.
example when click right arrow, photo will scroll/slide to left direction
thanks,
jawbone
hi jawbone,
Thanks for your comment.
I will try to put something togather on this weekend.
cheers,
Jatin
Once I saw the full-screen view, i was impressed! Nice. What I've been looking for is a widget similar to that offered at Box.net or Driveway.com that shows each folder name and allows you to browse folders within the widget, and display a slideshow of pictures within those folders. The major downside is that they don't offer a full-screen option. Any ideas for such a widget.
awesome widget, it would be great if you could make it autoplay as a slideshow
Hi.... I have developed a quite a while ago component for flex which display photos from Picasa gallery:
Here is the little demo:
http://riahut.com/files/SimplePicasaGallery/SimplePicasaGallery.html
Here is larger demo
http://picasafx.com
Here is API project
http://code.google.com/p/picasa-flex-api/
FYI
Hello all
We are currently using this widget to display concrete forms pictures on our website from our picasa account. You can see that here http://www.wallties.com/formwork_portfolio.htm
This is the best thing since sliced bread!!! Jatin Desai you ask what other sort of functionality we would like to see. I have been using a program call Cooliris http://www.cooliris.com/ I was wondering if you could duplicate that type of navigation into your widget? Once again great widget!!!
Thanks,
Carl
This is simple and excellent. The ability to specify a particular album would make it perfect.
This is a great widget! I agree on some of the suggestions all ready posted in here.
But special I could love to have
1) comments on each photo
2) album name
3) video control
4) define your own background color
Good job - and thanks for sharing!
David
Hi, this is a really cool widget to display all the albums from Picasa. I intend to use it on one of my personal blogs but I will like to have the possibility to setup what color I want as background. Is there a way?, because the black background it's really hard to integrate it sometimes.
Hi, Your current widget download code creates a widget that shows ALL picasaweb which the users have to further dig into, to be able to see the images in a given album.
Your blog though directly shows photos from one of your albums within the widget. How can I do this?
cool widget.. great job!
any plans to add on a feature to let the widget show just one picasaweb album rather than all albums in the account?
Hi there
This is exactly what I needed, the picasaweb flash gallery is poor compared to this?
I would like to report a bug... in Firefox 3 (mac), if you click the fullscreen button while already in fullscreen mode the browser crashes. You need to either hide or deactivate the the button to correct this.
Aren't you going to release the code? If it is flex 3 I could help improve it :)
Also, I've implemented the gallery at: http://www.imperialix.net/recordacoes/multimedia/
Hi,
Wonderful widget. As david mention's, i would love to have comments as well.
Keep up the good work.
regards
Bharani
Thanks for all your comments.
I love to make all the changes suggessted by you all, but unfortunately, I lost the source code and thinking of re-writting it again. Hopefully I will make it available with all the changes.
Thanks again.
thank very much it look nice on my blog. great job!
one suggestion can u add feature as to show 800px photo from a selected album/picasa for blog post area
Hi,
I'll make a simple cover flow gallery in my little website with Flex 3 with the photo on Picasa.
I've used the component "DisplayShelf" and google API for Picasa, but I'not able to connect the DisplayShell to my photo.
Could you send me your source code o try to hel me ?
Best Regards
Andrea
a_gibellini@yahoo.it
Hey nice widget...
But can anyone of u help me in listing all the albums or a particular user...My login is authenticated and got the token even.. Now show me the way to get albums
Thanks
Post a Comment