Import initial site
This commit is contained in:
Matthieu Dubuget
320
galleria/plugins/picasa/galleria.picasa.js
Normal file
320
galleria/plugins/picasa/galleria.picasa.js
Normal file
@ -0,0 +1,320 @@
|
||||
/**
|
||||
* Galleria Picasa Plugin 2012-04-04
|
||||
* http://galleria.io
|
||||
*
|
||||
* Licensed under the MIT license
|
||||
* https://raw.github.com/aino/galleria/master/LICENSE
|
||||
*
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
/*global jQuery, Galleria, window */
|
||||
|
||||
Galleria.requires(1.25, 'The Picasa Plugin requires Galleria version 1.2.5 or later.');
|
||||
|
||||
// The script path
|
||||
var PATH = Galleria.utils.getScriptPath();
|
||||
|
||||
/**
|
||||
|
||||
@class
|
||||
@constructor
|
||||
|
||||
@example var picasa = new Galleria.Picasa();
|
||||
|
||||
@author http://aino.se
|
||||
|
||||
@requires jQuery
|
||||
@requires Galleria
|
||||
|
||||
@returns Instance
|
||||
*/
|
||||
|
||||
Galleria.Picasa = function() {
|
||||
|
||||
this.options = {
|
||||
max: 30, // photos to return
|
||||
imageSize: 'medium', // photo size ( thumb,small,medium,big,original ) or a number
|
||||
thumbSize: 'thumb', // thumbnail size ( thumb,small,medium,big,original ) or a number
|
||||
complete: function(){} // callback to be called inside the Galleria.prototype.load
|
||||
};
|
||||
|
||||
};
|
||||
|
||||
Galleria.Picasa.prototype = {
|
||||
|
||||
// bring back the constructor reference
|
||||
|
||||
constructor: Galleria.Picasa,
|
||||
|
||||
/**
|
||||
Search for anything at Picasa
|
||||
|
||||
@param {String} phrase The string to search for
|
||||
@param {Function} [callback] The callback to be called when the data is ready
|
||||
|
||||
@returns Instance
|
||||
*/
|
||||
|
||||
search: function( phrase, callback ) {
|
||||
return this._call( 'search', 'all', {
|
||||
q: phrase
|
||||
}, callback );
|
||||
},
|
||||
|
||||
/**
|
||||
Get a user's public photos
|
||||
|
||||
@param {String} username The username to fetch photos from
|
||||
@param {Function} [callback] The callback to be called when the data is ready
|
||||
|
||||
@returns Instance
|
||||
*/
|
||||
|
||||
user: function( username, callback ) {
|
||||
return this._call( 'user', 'user/' + username, callback );
|
||||
},
|
||||
|
||||
/**
|
||||
Get photos from an album
|
||||
|
||||
@param {String} username The username that owns the album
|
||||
@param {String} album The album ID
|
||||
@param {Function} [callback] The callback to be called when the data is ready
|
||||
|
||||
@returns Instance
|
||||
*/
|
||||
|
||||
useralbum: function( username, album, callback ) {
|
||||
return this._call( 'useralbum', 'user/' + username + '/album/' + album, callback );
|
||||
},
|
||||
|
||||
/**
|
||||
Set picasa options
|
||||
|
||||
@param {Object} options The options object to blend
|
||||
|
||||
@returns Instance
|
||||
*/
|
||||
|
||||
setOptions: function( options ) {
|
||||
$.extend(this.options, options);
|
||||
return this;
|
||||
},
|
||||
|
||||
|
||||
// call Picasa
|
||||
|
||||
_call: function( type, url, params, callback ) {
|
||||
|
||||
url = 'https://picasaweb.google.com/data/feed/api/' + url + '?';
|
||||
|
||||
if (typeof params == 'function') {
|
||||
callback = params;
|
||||
params = {};
|
||||
}
|
||||
|
||||
var self = this;
|
||||
|
||||
params = $.extend({
|
||||
'kind': 'photo',
|
||||
'access': 'public',
|
||||
'max-results': this.options.max,
|
||||
'thumbsize': this._getSizes().join(','),
|
||||
'alt': 'json-in-script',
|
||||
'callback': '?'
|
||||
}, params );
|
||||
|
||||
$.each(params, function( key, value ) {
|
||||
url += '&' + key + '=' + value;
|
||||
});
|
||||
|
||||
// since Picasa throws 404 when the call is malformed, we must set a timeout here:
|
||||
|
||||
var data = false;
|
||||
|
||||
Galleria.utils.wait({
|
||||
until: function() {
|
||||
return data;
|
||||
},
|
||||
success: function() {
|
||||
self._parse.call( self, data.feed.entry, callback );
|
||||
},
|
||||
error: function() {
|
||||
var msg = '';
|
||||
if ( type == 'user' ) {
|
||||
msg = 'user not found.';
|
||||
} else if ( type == 'useralbum' ) {
|
||||
msg = 'album or user not found.';
|
||||
}
|
||||
Galleria.raise('Picasa request failed' + (msg ? ': ' + msg : '.'));
|
||||
},
|
||||
timeout: 5000
|
||||
});
|
||||
|
||||
$.getJSON( url, function( result ) {
|
||||
data = result;
|
||||
});
|
||||
|
||||
return self;
|
||||
},
|
||||
|
||||
|
||||
// parse image sizes and return an array of three
|
||||
|
||||
_getSizes: function() {
|
||||
|
||||
var self = this,
|
||||
norm = {
|
||||
small: '72c',
|
||||
thumb: '104u',
|
||||
medium: '640u',
|
||||
big: '1024u',
|
||||
original: '1600u'
|
||||
},
|
||||
op = self.options,
|
||||
t = {},
|
||||
n,
|
||||
sz = [32,48,64,72,94,104,110,128,144,150,160,200,220,288,320,400,512,576,640,720,800,912,1024,1152,1280,1440,1600];
|
||||
|
||||
$(['thumbSize', 'imageSize']).each(function() {
|
||||
if( op[this] in norm ) {
|
||||
t[this] = norm[ op[this] ];
|
||||
} else {
|
||||
n = Galleria.utils.parseValue( op[this] );
|
||||
if (n > 1600) {
|
||||
n = 1600;
|
||||
} else {
|
||||
$.each( sz, function(i) {
|
||||
if ( n < this ) {
|
||||
n = sz[i-1];
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
t[this] = n;
|
||||
}
|
||||
});
|
||||
|
||||
return [ t.thumbSize, t.imageSize, '1280u'];
|
||||
|
||||
},
|
||||
|
||||
|
||||
// parse the result and call the callback with the galleria-ready data array
|
||||
|
||||
_parse: function( data, callback ) {
|
||||
|
||||
var self = this,
|
||||
gallery = [],
|
||||
img;
|
||||
|
||||
$.each( data, function() {
|
||||
|
||||
img = this.media$group.media$thumbnail;
|
||||
|
||||
gallery.push({
|
||||
thumb: img[0].url,
|
||||
image: img[1].url,
|
||||
big: img[2].url,
|
||||
title: this.summary.$t
|
||||
});
|
||||
});
|
||||
|
||||
callback.call( this, gallery );
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Galleria modifications
|
||||
We fake-extend the load prototype to make Picasa integration as simple as possible
|
||||
*/
|
||||
|
||||
|
||||
// save the old prototype in a local variable
|
||||
|
||||
var load = Galleria.prototype.load;
|
||||
|
||||
|
||||
// fake-extend the load prototype using the picasa data
|
||||
|
||||
Galleria.prototype.load = function() {
|
||||
|
||||
// pass if no data is provided or picasa option not found
|
||||
if ( arguments.length || typeof this._options.picasa !== 'string' ) {
|
||||
load.apply( this, Galleria.utils.array( arguments ) );
|
||||
return;
|
||||
}
|
||||
|
||||
// define some local vars
|
||||
var self = this,
|
||||
args = Galleria.utils.array( arguments ),
|
||||
picasa = this._options.picasa.split(':'),
|
||||
p,
|
||||
opts = $.extend({}, self._options.picasaOptions),
|
||||
loader = typeof opts.loader !== 'undefined' ?
|
||||
opts.loader : $('<div>').css({
|
||||
width: 48,
|
||||
height: 48,
|
||||
opacity: 0.7,
|
||||
background:'#000 url('+PATH+'loader.gif) no-repeat 50% 50%'
|
||||
});
|
||||
|
||||
if ( picasa.length ) {
|
||||
|
||||
// validate the method
|
||||
if ( typeof Galleria.Picasa.prototype[ picasa[0] ] !== 'function' ) {
|
||||
Galleria.raise( picasa[0] + ' method not found in Picasa plugin' );
|
||||
return load.apply( this, args );
|
||||
}
|
||||
|
||||
// validate the argument
|
||||
if ( !picasa[1] ) {
|
||||
Galleria.raise( 'No picasa argument found' );
|
||||
return load.apply( this, args );
|
||||
}
|
||||
|
||||
// apply the preloader
|
||||
window.setTimeout(function() {
|
||||
self.$( 'target' ).append( loader );
|
||||
},100);
|
||||
|
||||
// create the instance
|
||||
p = new Galleria.Picasa();
|
||||
|
||||
// apply Flickr options
|
||||
if ( typeof self._options.picasaOptions === 'object' ) {
|
||||
p.setOptions( self._options.picasaOptions );
|
||||
}
|
||||
|
||||
// call the picasa method and trigger the DATA event
|
||||
var arg = [];
|
||||
if ( picasa[0] == 'useralbum' ) {
|
||||
arg = picasa[1].split('/');
|
||||
if (arg.length != 2) {
|
||||
Galleria.raise( 'Picasa useralbum not correctly formatted (should be [user]/[album])');
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
arg.push( picasa[1] );
|
||||
}
|
||||
|
||||
arg.push(function(data) {
|
||||
self._data = data;
|
||||
loader.remove();
|
||||
self.trigger( Galleria.DATA );
|
||||
p.options.complete.call(p, data);
|
||||
});
|
||||
|
||||
p[ picasa[0] ].apply( p, arg );
|
||||
|
||||
} else {
|
||||
|
||||
// if flickr array not found, pass
|
||||
load.apply( this, args );
|
||||
}
|
||||
};
|
||||
|
||||
}( jQuery ) );
|
||||
1
galleria/plugins/picasa/galleria.picasa.min.js
vendored
Normal file
1
galleria/plugins/picasa/galleria.picasa.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
!function(i){Galleria.requires(1.25,"The Picasa Plugin requires Galleria version 1.2.5 or later.");var e=Galleria.utils.getScriptPath();Galleria.Picasa=function(){this.options={max:30,imageSize:"medium",thumbSize:"thumb",complete:function(){}}};Galleria.Picasa.prototype={constructor:Galleria.Picasa,search:function(i,e){return this._call("search","all",{q:i},e)},user:function(i,e){return this._call("user","user/"+i,e)},useralbum:function(i,e,t){return this._call("useralbum","user/"+i+"/album/"+e,t)},setOptions:function(e){i.extend(this.options,e);return this},_call:function(e,t,a,s){t="https://picasaweb.google.com/data/feed/api/"+t+"?";if(typeof a=="function"){s=a;a={}}var r=this;a=i.extend({kind:"photo",access:"public","max-results":this.options.max,thumbsize:this._getSizes().join(","),alt:"json-in-script",callback:"?"},a);i.each(a,function(i,e){t+="&"+i+"="+e});var l=false;Galleria.utils.wait({until:function(){return l},success:function(){r._parse.call(r,l.feed.entry,s)},error:function(){var i="";if(e=="user"){i="user not found."}else if(e=="useralbum"){i="album or user not found."}Galleria.raise("Picasa request failed"+(i?": "+i:"."))},timeout:5e3});i.getJSON(t,function(i){l=i});return r},_getSizes:function(){var e=this,t={small:"72c",thumb:"104u",medium:"640u",big:"1024u",original:"1600u"},a=e.options,s={},r,l=[32,48,64,72,94,104,110,128,144,150,160,200,220,288,320,400,512,576,640,720,800,912,1024,1152,1280,1440,1600];i(["thumbSize","imageSize"]).each(function(){if(a[this]in t){s[this]=t[a[this]]}else{r=Galleria.utils.parseValue(a[this]);if(r>1600){r=1600}else{i.each(l,function(i){if(r<this){r=l[i-1];return false}})}s[this]=r}});return[s.thumbSize,s.imageSize,"1280u"]},_parse:function(e,t){var a=this,s=[],r;i.each(e,function(){r=this.media$group.media$thumbnail;s.push({thumb:r[0].url,image:r[1].url,big:r[2].url,title:this.summary.$t})});t.call(this,s)}};var t=Galleria.prototype.load;Galleria.prototype.load=function(){if(arguments.length||typeof this._options.picasa!=="string"){t.apply(this,Galleria.utils.array(arguments));return}var a=this,s=Galleria.utils.array(arguments),r=this._options.picasa.split(":"),l,n=i.extend({},a._options.picasaOptions),u=typeof n.loader!=="undefined"?n.loader:i("<div>").css({width:48,height:48,opacity:.7,background:"#000 url("+e+"loader.gif) no-repeat 50% 50%"});if(r.length){if(typeof Galleria.Picasa.prototype[r[0]]!=="function"){Galleria.raise(r[0]+" method not found in Picasa plugin");return t.apply(this,s)}if(!r[1]){Galleria.raise("No picasa argument found");return t.apply(this,s)}window.setTimeout(function(){a.$("target").append(u)},100);l=new Galleria.Picasa;if(typeof a._options.picasaOptions==="object"){l.setOptions(a._options.picasaOptions)}var o=[];if(r[0]=="useralbum"){o=r[1].split("/");if(o.length!=2){Galleria.raise("Picasa useralbum not correctly formatted (should be [user]/[album])");return}}else{o.push(r[1])}o.push(function(i){a._data=i;u.remove();a.trigger(Galleria.DATA);l.options.complete.call(l,i)});l[r[0]].apply(l,o)}else{t.apply(this,s)}}}(jQuery);
|
||||
BIN
galleria/plugins/picasa/loader.gif
Normal file
BIN
galleria/plugins/picasa/loader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
55
galleria/plugins/picasa/picasa-demo.html
Normal file
55
galleria/plugins/picasa/picasa-demo.html
Normal file
@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Galleria Flickr Plugin</title>
|
||||
<style>
|
||||
|
||||
/* Demo styles */
|
||||
html,body{background:#222;margin:0;}
|
||||
body{border-top:4px solid #000;}
|
||||
.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
|
||||
h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
|
||||
p{margin:0 0 20px}
|
||||
a {color:#22BCB9;text-decoration:none;}
|
||||
.cred{margin-top:20px;font-size:11px;}
|
||||
|
||||
/* This rule is read by Galleria to define the gallery height: */
|
||||
#galleria{height:320px;}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- load jQuery -->
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
|
||||
|
||||
<!-- load Galleria -->
|
||||
<script src="../../galleria-1.4.2.min.js"></script>
|
||||
|
||||
<!-- load picasa plugin -->
|
||||
<script src="galleria.picasa.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<h1>Galleria Picasa Plugin Demo</h1>
|
||||
<p>Demonstrating a basic gallery example with photos from a Picasa album.</p>
|
||||
|
||||
<!-- Adding gallery images. This is just a container for the dynamic picasa images -->
|
||||
|
||||
<div id="galleria"></div>
|
||||
|
||||
<p class="cred">Made by <a href="http://galleria.aino.se">Galleria</a>.</p>
|
||||
</div>
|
||||
<script>
|
||||
|
||||
// Load the classic theme
|
||||
Galleria.loadTheme('../../themes/classic/galleria.classic.min.js');
|
||||
|
||||
Galleria.run('#galleria', {
|
||||
// The user & album. This example fetches the album "Demo" from the user "galleriajs"
|
||||
picasa: 'useralbum:galleriajs/Demo'
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user