I AM LISTENING TO
|

PICASA

cubicFUSION Picasa for jQuery

Simple jQuery plugin to pull Picasa / Google+ images into your website. Tested on 1.9.x / 2.0.x

Plugin Options

var options = {};
$('.imgItems').cfPicasa(options);
OptionDescription
userIDGoogle+ userid
albumIDGoogle+ albumid
thumbCountamount of images
thumbSizetsize of images nncropped: 32, 48, 64, 72, 104, 144, 150, 160 nnuncropped: 94, 110, 128, 200, 220, 288, 320, 400, 512, 576, 640, 720, 800, 912, 1024, 1152, 1280, 1440, 1600
thumbCroppedc - cropped nu- uncropped
searchLimitlimit output to search term (searches title & description)
templateavailable variables:nn- {link} Link to Picasan- {gplusLink} Link to Google+n- {thumb} Thumbnail Imagen- {description}n- {title} Image namen- {image} Big image

Attribute Options

Uses simple HTML5 data-Attributes to define your settings. Easy way to add multiple image sources and different settings.

AttributeDescription
data-useridPicasa userid
data-albumidPicasa albumid
data-thumbcountamount of images
data-thumbsizesize of images

cropped: 32, 48, 64, 72, 104, 144, 150, 160

uncropped: 94, 110, 128, 200, 220, 288, 320, 400, 512, 576, 640, 720, 800, 912, 1024, 1152, 1280, 1440, 1600
data-croppedc - cropped / u- uncropped
data-searchlimit output to search term (searches title & description)

Roadmap 1.00 – 1.10

  • done – Template method
  • done – Add title and description as options
  • done – Picasa & Google+ Link

Based on the 2.0 – Picasa Developer Reference Guide

Example 1

  • cropped
  • search term defined


Example 2

  • not cropped
  • no search term defined


Example 3

  • not cropped
  • other album


Example 3

  • cropped
  • other album
  • thumb size change