title: Add Parallax effect to Carousel Banner so images and text move at different speeds
body: <p>I have the carousel effect working, but I don't know how to make the text and images move at different speeds as shown in this banner for IBM:</p>
  
  <p><a href="http://www.ibm.com/us/en/" rel="nofollow">http://www.ibm.com/us/en/</a></p>
  
  <p>Here's my jQuery:</p>
  
  <pre><code>$.fn.zinCarousel = function(settings) {
      var settings = $.extend({}, $.fn.zinCarousel.defaultSettings, settings || {});
      return this.each(function() {
          var o = $.extend(true, {}, settings),
              $elem = $(this),
              caro = new Carousel(o, $elem);
          caro.init();
      });
  };
  </code></pre>
  
  <p><a href="http://jsfiddle.net/9Dr7T/35/show" rel="nofollow"><strong>jsFiddle Demo</strong></a> (Remove <code>/show/</code> from URL to access edit page).</p>