title: Cloud Carousel and iPad/iPhone touch events
body: <p>Really love this carousel: <a href="http://www.professorcloud.com/mainsite/carousel.htm" rel="nofollow">http://www.professorcloud.com/mainsite/carousel.htm</a></p>
  
  <p>Works exactly how I need it to for a demo apart from I need to add touch/wipe events to it for iOS and Android.</p>
  
  <p>Basically if the user wipes (is that the correct terminology?) left or right, the carousel moves in that direction, like it does if you press the left or right button.</p>
  
  <p>I looked into using this plugin: <a href="http://plugins.jquery.com/project/Touchwipe-iPhone-iPad-wipe-gesture" rel="nofollow">http://plugins.jquery.com/project/Touchwipe-iPhone-iPad-wipe-gesture</a></p>
  
  <p>And then tried to tweak (hack) the carousel plugin to listen to these events</p>
  
  <pre><code>$(container).bind('touchwipe',this,function(event){
     wipeLeft: function() { alert("left"); }
  });
  </code></pre>
  
  <p>But that generates a syntax error. I don't know enough about creating plugins to know what is allowed here.</p>
  
  <p>From what I can tell in the plugin, the scroll left/right functionality is here</p>
  
  <pre><code>    // Setup the buttons.
      $(options.buttonLeft).bind('mouseup',this,function(event){
          event.data.rotate(-1);  
          return false;
      });
      $(options.buttonRight).bind('mouseup',this,function(event){                                                         
          event.data.rotate(1);   
          return false;
      }); 
  </code></pre>
  
  <p>So I suppose I need to hook up to these. </p>
  
  <p>Should I use the additional plugin to create the wipe events, or shall I try the official touch events?</p>
  
  <p>Thanks!</p>