NEW: PWI as a jQuery plugin!!!
I've rebuild PWI to be a jQuery plugin, since it was already depending on it. Now it's even easier to use and heavily customizable without the need for editing Javascript files. Take a quick look at the demo's here or look at the HowTo (work in progress)
latest version: 1.1.13 (last update: 02 Nov. 2009)
New features:
- optional dependencies of jQuery BlockUI and slimbox2 plugin
- 4 different modes:
- album (single album view)
- albums (all or specific albums)
- keyword (photo's from all albums with specific keyword) (new in v1.1.13)
- latest (showing the last photo's uploaded)
- multiple modes on 1 page
- add custom popup plugins like fancybox
- and much more... will follow soon.
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.multiprof.nl/pwi/jquery_plugin Group: http://groups.google.com/group/pwi-en
HOWTO
Working on the extensive documentation, but untill then (and it might never arrive if I have to do it myself... anybody?):
- 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>Enjoy!
Current dependencies/tested with
The current version is tested with jQuery 1.3.2 & plugins:
- jQuery (v1.3.2, website
And optionally uses:
- jQuery BlockUI (v2.16 website)
- jQuery Slimbox2 (v2.02 website)
- jQuery fancybox tested as custom popup-plugin
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/