Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

picasa


Embed Picasa Gallery

Submitted by oetiker on September 14, 2009 - 12:20pm

If you keep your images on PicasaWeb, this plugin lets you integrate an interactive gallery showing images of your choice.

Usage

Load the necessary libraries:

<script type="application/javascript" src="jquery-1.3.2.min.js"></script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="application/javascript" src="slimbox2.js"></script>
<script type="application/javascript" src="jquery.EmbedPicasaGallery.js"></script>

then activate the plugin

jQuery(document).ready(function() {
jQuery("#mygallery").EmbedPicasaGallery('USER',{
  matcher:    /./,  // string or regexp matching album title
  size:      '72',  // thumb size (32,48,64,72,144,160))
  msg_loading_list :  'Loading list from PicasaWeb',
  msg_back :   'Back'
});
});

In the webpage itself add

<div id="mygallery"></div>

Picasa Webalbum Integrator

Submitted by jdiderik on August 13, 2009 - 1:33am

PWI is a jQuery plugin that enables you to integrate your Picasa Web photo albums into your own site/blog without any need for extensive scripting knowledge and without your visitors ever noticing that your photos are hosted by Google.

Some options are:

  • Show all your albums
  • Show specific albums
  • Show only 1 or some albums
  • Show unlisted album (using authKey)
  • show your latest photos
  • Show multiple albums on 1 page

All fully customizable by specifying the options.

howto:
- Add a div to your html page with
- include the necessary files (jQuery (duh), pwi.css, jquery.pwi.js)
- Assign the plugin to the div

Example: