Replicating Picasa Slideshow?

9 views
Skip to first unread message

MarceldeRuiter

unread,
May 13, 2008, 3:31:25 PM5/13/08
to Google AJAX API
Hi Everyone,

I am trying to replicate the slideshow provides by the general code
for Picasa to embed a slideshow in a blog:

<embed pluginspage = "http://www.macromedia.com/go/getflashplayer"
src="http://picasaweb.google.com/s/c/bin/slideshow.swf"
flashvars="host=picasaweb.google.com&amp;RGB=0x000000&amp;feed=some
feed ...." type ="application/x-shockwave-flash" height ="350"
width="420"></embed>

However this does not work in IE6/7 :-((

So I tried with the Google AJAX API slideshow thingy. Got very far and
it works in both IE7 and FireFox but AND HERE COMES MY QUESTION : how
can I replicate it to look like the Picasa slideshow, which shows my
pictures a factor appr. 1.2 larger and has less black space around the
images?

Many thanks in advance.

Cheers,
Marcel

jgeerdes [AJAX APIs "Guru"]

unread,
May 13, 2008, 5:03:58 PM5/13/08
to Google AJAX API
It's tough to say for sure what you need to do without a link to the
application, but you might try using the scaleImages option, as
outlined at the link below:

http://www.google.com/uds/solutions/slideshow/reference.html#_scalingimages

You may also need to adjust the size of the thumbnail that you're
requesting from Picasa so that your images don't appear grainy or
pixelated because they are being scaled larger. Check out the
thumbnail and imgmax parameters for the PIcasa Feeds API detailed at
the link below:

http://code.google.com/apis/picasaweb/reference.html#Parameters

Jeremy R. Geerdes
Effective website design & development
Des Moines, IA

For more information or a project quote:
http://jgeerdes.home.mchsi.com
jgee...@mchsi.com

If you're in the Des Moines, IA, area, check out Debra Heights
Wesleyan Church!

MarceldeRuiter

unread,
May 14, 2008, 3:54:56 PM5/14/08
to Google AJAX API
Hi Jeremy,

Many thanks for your constructive answer! There is a lot of info on
those pages. The scaling I already tried and that seemed to work
indeed but required higher resolution material, like you pointed out.
However although I am able to trace the higher resolution images in
some of the feeds (320 in stead of 288 I am using now) I have trouble
getting a good feed contruct. Could you please help me a bit?

This is my basis from Picasa giving me the standard 288 width:

http://picasaweb.google.com/data/feed/base/user/myuserid/albumid/myalbumid?kind=photo&alt=rss&authkey=myauthenticationkey&hl=nl

How can I get the 320 width in such a feed? Do I need the api in stead
of the base? Do I need an api-key? What else? I did try a lot of
possibilities but failed...

Many thanks in advance!

Best regards,
Marcel




On 13 mei, 23:03, "jgeerdes [AJAX APIs \"Guru\"]" <jgeer...@mchsi.com>
wrote:
> It's tough to say for sure what you need to do without a link to the
> application, but you might try using the scaleImages option, as
> outlined at the link below:
>
> http://www.google.com/uds/solutions/slideshow/reference.html#_scaling...
>
> You may also need to adjust the size of the thumbnail that you're
> requesting from Picasa so that your images don't appear grainy or
> pixelated because they are being scaled larger. Check out the
> thumbnail and imgmax parameters for the PIcasa Feeds API detailed at
> the link below:
>
> http://code.google.com/apis/picasaweb/reference.html#Parameters
>
> Jeremy R. Geerdes
> Effective website design & development
> Des Moines, IA
>
> For more information or a project quote:http://jgeerdes.home.mchsi.com
> jgeer...@mchsi.com

jgeerdes [AJAX APIs "Guru"]

unread,
May 14, 2008, 4:52:29 PM5/14/08
to Google AJAX API
Try this:

http://picasaweb.google.com/data/feed/base/user/your_user_id_here/albumid/your_album_id_here?kind=photo&alt=rss&hl=en_US&thumbsize=320

Note the &thumbsize=320 at the end of that url. That should fix it up
for you.

Jeremy R. Geerdes
Effective website design & development
Des Moines, IA

For more information or a project quote:
http://jgeerdes.home.mchsi.com
jgee...@mchsi.com

MarceldeRuiter

unread,
May 15, 2008, 4:29:32 AM5/15/08
to Google AJAX API
Hi Jeremy,

It works now. I had to keep in the authkey, propably because the
photo's are private. And of course "hl=nl", given my location.

Next to that i was confused of Firefox not showing me the bigger
resolution images when displaying the feed, but they are actually
hidden in the feed and used by the slideshow somehow. Still a bit
puzzled but it works....

Many thanks.

Cheers,
marcel

On 14 mei, 22:52, "jgeerdes [AJAX APIs \"Guru\"]" <jgeer...@mchsi.com>
wrote:
> Try this:
>
> http://picasaweb.google.com/data/feed/base/user/your_user_id_here/alb...
>
> Note the &thumbsize=320 at the end of that url. That should fix it up
> for you.
>
> Jeremy R. Geerdes
> Effective website design & development
> Des Moines, IA
>
> For more information or a project quote:http://jgeerdes.home.mchsi.com
> jgeer...@mchsi.com

jgeerdes [AJAX APIs "Guru"]

unread,
May 15, 2008, 1:50:45 PM5/15/08
to Google AJAX API
The slideshow uses the feed item's thumbnail tag; Firefox uses one of
the other image references provided. That's why it works.

jg
Reply all
Reply to author
Forward
0 new messages