[Summary view] [Print] [Text view]

   1  /*

   2   * jQuery UI Effects Clip 1.6

   3   *

   4   * Copyright (c) 2008 AUTHORS.txt (http://ui.jquery.com/about)

   5   * Dual licensed under the MIT (MIT-LICENSE.txt)

   6   * and GPL (GPL-LICENSE.txt) licenses.

   7   *

   8   * http://docs.jquery.com/UI/Effects/Clip

   9   *

  10   * Depends:

  11   *    effects.core.js

  12   */
  13  (function($) {
  14  
  15  $.effects.clip = function(o) {
  16  
  17      return this.queue(function() {
  18  
  19          // Create element

  20          var el = $(this), props = ['position','top','left','height','width'];
  21  
  22          // Set options

  23          var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode

  24          var direction = o.options.direction || 'vertical'; // Default direction

  25  
  26          // Adjust

  27          $.effects.save(el, props); el.show(); // Save & Show

  28          var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper

  29          var animate = el[0].tagName == 'IMG' ? wrapper : el;
  30          var ref = {
  31              size: (direction == 'vertical') ? 'height' : 'width',
  32              position: (direction == 'vertical') ? 'top' : 'left'
  33          };
  34          var distance = (direction == 'vertical') ? animate.height() : animate.width();
  35          if(mode == 'show') { animate.css(ref.size, 0); animate.css(ref.position, distance / 2); } // Shift

  36  
  37          // Animation

  38          var animation = {};
  39          animation[ref.size] = mode == 'show' ? distance : 0;
  40          animation[ref.position] = mode == 'show' ? 0 : distance / 2;
  41  
  42          // Animate

  43          animate.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
  44              if(mode == 'hide') el.hide(); // Hide

  45              $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore

  46              if(o.callback) o.callback.apply(el[0], arguments); // Callback

  47              el.dequeue();
  48          }});
  49  
  50      });
  51  
  52  };
  53  
  54  })(jQuery);