jquery - Cloud Carousel and iPad/iPhone touch events -
really love carousel: http://www.professorcloud.com/mainsite/carousel.htm
works how need demo apart need add touch/wipe events ios , android.
basically if user wipes (is correct terminology?) left or right, carousel moves in direction, if press left or right button.
i looked using plugin: http://plugins.jquery.com/project/touchwipe-iphone-ipad-wipe-gesture
and tried tweak (hack) carousel plugin listen these events
$(container).bind('touchwipe',this,function(event){ wipeleft: function() { alert("left"); } });
but generates syntax error. don't know enough creating plugins know allowed here.
from can tell in plugin, scroll left/right functionality here
// setup 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; });
so suppose need hook these.
should use additional plugin create wipe events, or shall try official touch events?
thanks!
this code works me
$(container).bind('swiperight', this, function(event, ui) { event.preventdefault(); event.data.rotate(-3); }); $(container).bind('swipeleft', this, function(event, ui) { event.preventdefault(); event.data.rotate(3); });
don't forget add jquery mobile @ http://jquerymobile.com/
Comments
Post a Comment