• HOME
  • WEDDINGS
  • ENGAGEMENTS
  • SERVICES & RATES
  • CONTACT
  • TRAVEL
    • NEW YORK CITY
    • VIETNAM
    • MYANMAR
    • THAILAND
    • ROMANIA
    • PAPUA
    • INDONESIA
    • MEXICO
    • COSTA RICA
    • PERU
    • DOMINICAN REPUBLIC
    • STICKS AND STONES
    • OCCUPY TORONTO
    • TORONTO ZOMBIE WALK
    • TORONTO PRIDE
  • PEOPLE
    • FACES
    • HANDS
    • PEOPLE
    • PORTRAITS
  • PLACES & THINGS
    • ABANDONED
    • NATURE
    • PLACES & THINGS
    • STREET ART
    • TORONTO WINTER
  • BLOG: RANDOM MUSINGS
  • COMMENTS
  • TESTIMONIALS
Andrew Joanisse Photography | Wedding Photographer

Embed Picasa Thumbnails for Each Album on Weebly,Blogger, Word Press etc (with embedded link for each image)

10/21/2011

17 Comments

 
picasa_script_album_with_link.pdf
File Size: 100 kb
File Type: pdf
Download File

I discovered an amazing way (shout out to Amanda Fanzani and the helpful users at blogging tips) to embed thumbnails of your whole album. You can even link back to your picasa lightbox to see each image in larger quality. With some googling and tweaking, it works perfectly! This is great if your albums are growing and a picasa embedded slideshow isn't good enough. It can be quite cumbersome to scroll all the way through and, let's face it, weebly's uploader is quite limited. Use the html code below to embed thumbnails on weebly, blogger, or wordpress. You can also download the pdf version at the top of the post.


Remeber to replace the YOUR USER NAME with your picasa user name (mine is andrew.joanisse). The thumbnails are set to 100, but you can change it to whatever by replacing the 100 in this section:

var thumbCount = 100;

You change the album it embeds by changing the link highlighted in red in the section here: (note: to find the link to your album, go to the picasa album of your choice, and click on RSS on the right side. Copy the link in the browser and delete everything after the question mark (?).

$j.getJSON("https://picasaweb.google.com/data/feed/base/user/andrew.joanisse/albumid/5664661680757723377?kind=photo&thumbsize=72c&access=public&alt=json&callback=?",

  Here is the code below:



<style>
#picasaStream img {border: 1px solid #000; margin: 0 5px 5px 0;}
</style>
<script src="http://bloggerbuster-tools.googlecode.com/files/jquery.min.js" ></script>
<script >
$j = jQuery.noConflict();
$j(document).ready(function(){
$j.getJSON("https://picasaweb.google.com/data/feed/base/user/andrew.joanisse/albumid/5664661680757723377?kind=photo&thumbsize=72c&access=public&alt=json&callback=?",
function(data){
var thumbCount = 100;
var smallThumb = 0;
var mediumThumb = 1;
var largeThumb = 2;
var picsCount = data.feed.entry.length - 1;
for (var i = picsCount; i > picsCount - thumbCount; i--) {
var pic = data.feed.entry[i];
$j("<img/>").attr("src", pic.media$group.media$thumbnail[smallThumb].url).attr("alt", pic.summary.$t).appendTo("#picasaStream").wrap("<a href=" + pic.link[1].href + ">");
}
});
});
</script>
<div id="picasaStream"></div>

17 Comments
Jeffrey link
2/22/2012 03:25:28 am

This seems to be working great, thank you! My only wish is that when you click on the thumbnail it brought up the full version of the photo like on a Blogger post, rather than linking to the Picasa page (takes them away from my site). If you know how to do this, please let men now!

Reply
Hyacinth Hounds Photography link
2/25/2012 07:32:41 pm

Thanks so much for this awesome script! Planning to use it for my photography website.

Reply
Neroken
1/18/2013 04:05:49 am

This doesn't work on weebly, weebly doesn't allow javascript

Reply
Andrew Joanisse
1/18/2013 05:50:07 am

Hey Neroken,
It works if you are using the custom html function. See my site for an example.

Reply
Neroken
1/18/2013 08:07:32 am

Hey Andrew,

I found the problem, the album was not public, do you think it is possible to change the script so it works with "Limited, anyone with the link"?

Thanks for your time.

Nero

Neroken
1/18/2013 08:08:13 am

Hey Andrew,

I found the problem, the album was not public, do you think it is possible to change the script so it works with "Limited, anyone with the link"?

Thanks for your time.

Nero

Neroken
1/18/2013 08:08:42 am

Hey Andrew,

I found the problem, the album was not public, do you think it is possible to change the script so it works with "Limited, anyone with the link"?

Thanks for your time.

Nero

Neroken
1/18/2013 08:08:50 am

Hey Andrew,

I found the problem, the album was not public, do you think it is possible to change the script so it works with "Limited, anyone with the link"?

Thanks for your time.

Nero

Boston family photographer link
10/26/2016 11:13:47 am

The people and their stories in that video helped me realize that even with my disability I too could one day become a professional photographer.

Reply
Commercial Photographer Bristol link
4/8/2017 11:36:26 am

Can a commercial photographer make a chicken burger look more delicious than it is in reality? Well, every time a fast food joint ad compels you to head towards it, you can be assured it was the magic created by a good commercial photographer.

Reply
wedding photographer miami link
7/11/2017 11:37:20 am

With so many wedding photographers, so many prices, and styles... choosing the right wedding photographer can become quite a big and unwieldy task for the modern couple. This article shows you what you need to know, and things to ask and look out for...

Reply
miami wedding photographer link
7/11/2017 11:38:02 am

Getting married is an amazing experience. It is a day filled with emotion, joy, happiness and sometimes a little sadness when a family member or friend who is no longer with us is not there to share our special day. As professional wedding photographers we know how stressful arranging your wedding day can be.

Reply
explore link
10/28/2017 01:33:47 am


Thanks for a wonderful share. Your article has proved your hard work and experience you have got in this field. Brilliant .i love it reading.

Reply
event photo booth singapore link
6/20/2018 04:56:38 am

Thank you for such a well written article. It’s full of insightful information and entertaining descriptions. Your point of view is the best among many.

Reply
visit link
7/4/2018 07:20:42 am

thanks for the tips and information..i really appreciate it..

Reply
white royal mail post box link
8/6/2018 07:38:54 am

Searching for the perfect wedding post box items? Shop at Etsy to find unique and handmadewedding post box related items directly from our sellers.

Reply
instastalker link
10/20/2019 10:50:12 pm

That is very great think to post on that topic and take a review on that type of think.post contain very informative information which i always want to read..thanks

Reply



Leave a Reply.

    Author

    SERVICES & RATESSERVICES & RATESI am a wedding photographer based out of Toronto, and I thought I would share some of the amazing moments I've been lucky enough to capture. 

    These are some pictures taken over the years, throughout Canada and the rest of the world. Click here for more information.

    Archives

    October 2015
    May 2015
    November 2013
    October 2013
    June 2012
    December 2011
    October 2011
    September 2011

    Categories

    All
    Animals
    Art
    Books
    Css
    Deals
    Fitness
    Flash
    Flash Blocking Css
    Law
    Outdoor
    Photography
    Picasa Slideshows
    Psychology
    Transparent Flash
    Tutorial
    Weebly
    Wmode="transparent

    RSS Feed

Powered by Create your own unique website with customizable templates.