Picasa Webalbum Integrator

PWI is a jQuery plugin for displaying pictures stored on Picasa on web page. It has a lot of configuration options, to customize it according to the needs of your website. There is no need to edit the JavaScript files, configuration takes place in the HTML file, by overriding the default settings.

Some of the features of PWI:

• Display multiple albums or just one single album.
• Configurable thumbnail size for albums overview and album content.
• Extensive filtering, using dates and keywords.
• Integrated with SlimBox2 and FancyBox.
• Show scaled images on website, with download link to original picture.
• Fully translatable.
• Show linked youtube video's.
• Show map of where the photo was taken.

Take a quick look at the demo's here or look at the Wiki

latest version: 1.5.0 (last update: 18 Sep. 2011)

latest BETA version: 2.0.0 (last update: 18 Dec. 2011)

Updates v2.0 BETA

• Some new features in this upcoming release:
• Integrated ColorBox.
• Added YouTube videos.
• Show map with location where photo was taken.

Updates v1.5

• NEW:
• Added Permalink feature using Query parameters
• Improved download link function, including extra option to control this
• Optionally remove albums with type Blogger, Scrapbook and/or ProfilePhotos albums

• FIXES:
• Fixed alignment on albums overview page
•  Issue 82 : fixed issue with dots in Picasa account name
• Fixed showPhotoDownload handling

Updates v1.4.1

• FIXES
• Reset some defaults back to the 1.3 values
• Fixed an issue where the albums overview would use the album thumbs settings

Updates v1.4

• NEW:
• Added Download link to picture.
• Implemented slideshow in Fancybox
• Added more filtering options for albums view (date + keyword)
• Upgrade to jQuery 1.6.2 and Fancybox 1.3.4

• FIXES:
• Photo navigation not limited to thumbs shown, but all photos from the album can be seen
• Optimized Picasa/Google API requests
• some minor issues

Well, download the latest package http://code.google.com/p/pwi/downloads/list with the code and samples and start playing!

Any personal comments, remarks or other things you would like to say are welcome at jdiderik(at)gmail.com. Please ask your questions at our community-group site here

Like what you see, feel free to donate

ABOUT

A no-refresh, ajax-ian, high-speed, simple to include, Picasa web album placement javascript library...

This javascript library enables you to place your Picasa Web Albums on your own site without the need of server side code and extensive programming knowledge.

LINKS

Demo: http://www.kunstuk.com/pwi/ Group: http://groups.google.com/group/pwi-en

HOWTO

• goto the downloads section
• download the latest zip file
• unzip the zipfile in the root of your site (will create a pwi folder)
• open up the html file you want your gallery in
• Find a div that has an ID or give it one to be the container of your gallery
• Add (atleast) the following to your header:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <link   href="css/pwi.css" rel="stylesheet" type="text/css"/>
    <script src="js/jquery.pwi.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {
	    $("#container").pwi({
	        username: 'tester'
            });
        });
    </script>

• change tester to your picasa account name (duh), this can be found when you goto picasa webalbums on google, and choose (after logging in) My Public Webalbums. Take a look at the url, and you'll notice something like: http://picasaweb.google.com/tester ... well, the last part is the username you want!

Enjoy!

Current dependencies/tested with

The current version is tested with jQuery 1.6.2 & plugins:

• jQuery (v1.6.2, website)

And optionally uses:

• jQuery BlockUI (v2.16 website)
• jQuery Slimbox2 (v2.02 website)
• jQuery fancybox ()v1.34 website)

roadmap

Future options might be:

• Diplay video
• Albums-view paging
• Multiple accounts integration (now possible on 1 page but as multiple containers)
• Display photo comments
• PHP Extension for placing comments (probably not gonna happen)

REMARK: This script might only work if your files are on a webserver, although it works on my Mac with FF3. So upload to your website inside a directory called /pwi (or somewhere else) If you don't have a webserver that you can place the files on, or need a simple local server? Then try a webserver server like http://www.lighttpd.net/