diff options
author | rub <rub@piwigo.org> | 2009-01-18 23:32:12 +0000 |
---|---|---|
committer | rub <rub@piwigo.org> | 2009-01-18 23:32:12 +0000 |
commit | 6ce0405c2383c84af4854d6c114fd23988bbd762 (patch) | |
tree | 8b6f218c80d7bad75be6a83682bfc8b1e254afc1 /template-common/lib/ui/effects.explode.js | |
parent | 436679af447c53d3ed654ec16fdde03e2064bd95 (diff) |
Update jQuery UI lib with jquery.ui-1.5.3.zip
Missing new files
git-svn-id: http://piwigo.org/svn/trunk@3103 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r-- | template-common/lib/ui/effects.explode.js | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/template-common/lib/ui/effects.explode.js b/template-common/lib/ui/effects.explode.js new file mode 100644 index 000000000..b6d9ae48a --- /dev/null +++ b/template-common/lib/ui/effects.explode.js @@ -0,0 +1,79 @@ +/* + * jQuery UI Effects Explode + * + * Copyright (c) 2008 Paul Bakaus (ui.jquery.com) + * Dual licensed under the MIT (MIT-LICENSE.txt) + * and GPL (GPL-LICENSE.txt) licenses. + * + * http://docs.jquery.com/UI/Effects/Explode + * + * Depends: + * effects.core.js + */ +(function($) { + +$.effects.explode = function(o) { + + return this.queue(function() { + + var rows = o.options.pieces ? Math.round(Math.sqrt(o.options.pieces)) : 3; + var cells = o.options.pieces ? Math.round(Math.sqrt(o.options.pieces)) : 3; + + o.options.mode = o.options.mode == 'toggle' ? ($(this).is(':visible') ? 'hide' : 'show') : o.options.mode; + var el = $(this).show().css('visibility', 'hidden'); + var offset = el.offset(); + + //Substract the margins - not fixing the problem yet. + offset.top -= parseInt(el.css("marginTop")) || 0; + offset.left -= parseInt(el.css("marginLeft")) || 0; + + var width = el.outerWidth(true); + var height = el.outerHeight(true); + + for(var i=0;i<rows;i++) { // = + for(var j=0;j<cells;j++) { // || + el + .clone() + .appendTo('body') + .wrap('<div></div>') + .css({ + position: 'absolute', + visibility: 'visible', + left: -j*(width/cells), + top: -i*(height/rows) + }) + .parent() + .addClass('effects-explode') + .css({ + position: 'absolute', + overflow: 'hidden', + width: width/cells, + height: height/rows, + left: offset.left + j*(width/cells) + (o.options.mode == 'show' ? (j-Math.floor(cells/2))*(width/cells) : 0), + top: offset.top + i*(height/rows) + (o.options.mode == 'show' ? (i-Math.floor(rows/2))*(height/rows) : 0), + opacity: o.options.mode == 'show' ? 0 : 1 + }).animate({ + left: offset.left + j*(width/cells) + (o.options.mode == 'show' ? 0 : (j-Math.floor(cells/2))*(width/cells)), + top: offset.top + i*(height/rows) + (o.options.mode == 'show' ? 0 : (i-Math.floor(rows/2))*(height/rows)), + opacity: o.options.mode == 'show' ? 1 : 0 + }, o.duration || 500); + } + } + + // Set a timeout, to call the callback approx. when the other animations have finished + setTimeout(function() { + + o.options.mode == 'show' ? el.css({ visibility: 'visible' }) : el.css({ visibility: 'visible' }).hide(); + if(o.callback) o.callback.apply(el[0]); // Callback + el.dequeue(); + + $('.effects-explode').remove(); + + }, o.duration || 500); + + + }); + +}; + +})(jQuery); |