I created small JavaScript for view Photos from PicasaWeb, you can use it for your Google Pages Site or for any another site.
This javascript allows you to incorporate a “smoothgallery” slide show of photos generated from a picasa web album in your site.
Google Gadget
You can use “Google Photogallery” as gadget, use link:
http://antonshevchuk.googlepages.com/photogallery.xml or generate embed code
For configure gadget you need user name and album alias, you can get it from URL:
http://picasaweb.google.com/AntonShevchuk/DigitalPhotoRu/
In this example AntonShevchuk – user name, DigitalPhotoRu – alias for album Digital-photo.ru
Installation with out gadget
Step 1
For Google pages
Upload all files from archiv to Google pages.
Open ‘page editor’, click on link ‘edit html’ and past next code (you can see example in index.html):
<link rel="stylesheet" href="jd.gallery.css" type="text/css" media="screen" /> <script src="mootools.js" type="text/javascript"></script> <script src="jd.gallery.js" type="text/javascript"></script> <script src="picasa.gallery.js" type="text/javascript"></script>
For all another sites
Open HTML file in any editor (e.g. notepad) and paste next code beetwen tags ‘head’:
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" /> <script src="scripts/mootools.js" type="text/javascript"></script> <script src="scripts/jd.gallery.js" type="text/javascript"></script> <script src="scripts/picasa.gallery.js" type="text/javascript"></script>
Step 2
Insert this is code… (change params ‘user’ and ‘album’):
<script type="text/javascript">
var user = 'AntonShevchuk';
var album = 'DigitalPhotoRu';
var maxres = 5; // 0 - for all;
var url = 'http://picasaweb.google.com/data/feed/api/user/' + user + '/album/' + album + '?kind=photo&alt=json-in-script&callback=renderer&access=public&start-index=1';
if (maxres != 0) {
url = url + '&max-results=' + maxres;
}
loadJS(url);
</script>
and this…:
[cc lang='html']
[/cc]
Download links
Download0.1.3Google Photogallery
Special edition for Google Pages:
This entry was posted
on Friday, May 18th, 2007 at 01:03 and is filed under Google, JavaScript.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Hmmm, not working! I added the URL http://antonshevchuk.googlepages.com/photogallery.xml to my iGoogle page. That worked, and I could see the DigitalPhotoRu album properly. But as soon as I tried my own username and photo album, nothing!
- I tried changing my album from private to public – still nothing.
- I tried capitalization – not case sensitive, but still nothing.
- I tried other people’s public albums – still nothing.
- I tried removing spaces from the album name – SUCCESS!
I suggest you allow spaces in album names – quite common and it is allowed by PicasaWeb.
Hi.
I’m Triing to use smoothgallery in joomla for showing photos stored in picassa.
I found Google Photogallery, but I can’t get it to work:(
I added the js scripts.
But now I don’t know how to display the images on my site.
I can’t understand Step2 :(
Can you help me?
Best regards from Portugal
artur: for insert php code you need edit source of joomla, not a edit page from admin panel (for edit from admin panel use google gadget)
Hey,
I can not get this to work. Firstly, the gadget does not work for me, have tried default settings and changed the username/album to the right names, and it gives me a blank gadget.
This is the gallery URL: http://picasaweb.google.com/lifescienceinfo/SocialApril07
And I put down lifescienceinfo as the username and SocialApril07 as the album, and it does not work.
Can you help me out?
John: I fix this is bug, you can see your album on gadget page
[...] fixed a small bug in Google Photogallery. If you use this is script as Google Gadget all been ok [...]
I have used this on my Igoogle home page – AWESOME!! Thank you soooo much!
[...] read more | digg story [...]
Anton! I’m trying to use your gadget on my homesite. It works well with standard settings and it’s quite impressive. Now I’m trying to tune this module somehow – I’d love to have control over displayed images size (now they display shrinked). I’d be most thankful if you could give some advise on how the xml could be edited to achieve that. When I try to mess with image sizes, the images do not display, and only loading bar and thumbnails are visible.
piotrek: It’s picasa “feature”, you can read about supported size on Picasa Web Albums Data API page (see. ‘imgmax’)
[...] ошибочку в скрипте Google Photogallery связанную с exif данными, точнее их отсутствием, так что [...]
[...] Google Photogallery (tags: picasa google javascript photo) [...]
I also added Picasa to my site: Brazil Pictures.
I talk about the technology used in the “about” page.
Regards.
Forbidden
Your client does not have permission to get URL /1.1 from this server.
when I click to download a picture. :s
@Mattias:
Maybe Google change API :(
I attempt to fix this is bug…
@Mattias:
I fix this is small bug, but Google cached my widget, and we should be wait some time…
And I added private albums support…
Hi!I try your script in my personal page and I think it’s very interesting and useful!
Like Mattias I have problem when I try to click on a photo to see it (Forbidden our client does not have permission to get URL /1.1 from this server). I’m “javascript beginner” and like exercise I try to find the small bug that you have speak about, but i can’t find it….can you suggest me the solution?
@Riccardo:
I can’t fix this is bug, maybe it’s some google defence (if you copy URL and attempt to open it in new browser window all should be ok), I change code and now when you click on image open new window with picasaweb
Very nice! I like it a lot!
Anton, are you planning to allow control over features such as autoplay and hiding/showing the caption? I’d like to turn off the filename display.
first of all well done and thanks for this code. I would like to ask if it is possible to remove the option to open the image if the image is clicked upon. regards
[...] wykorzystuje połączenie modułów JonDesign Smoothgallery i Picasa PhotoGallery. Na razie prowadzę testy tego rozwiązania – jeśli się sprawdzi, zastosujemy je dla galerii z [...]
[...] PhotoGallery Gadget – 10.6% – 20 [...]
Great.. just one question is there a way to set it so it will read more than one album
thanks
If I copy your code to a web page it works great! But when I replace your “user” and “album” name with mine, I get a blank screen and no photos. I’ve removed spaces in names but still no luck. Can you give me any other suggestions?
Try next:
– open your album in browser
– copy user name and album name from address bar