fredhq/roundabout — Issue #17: Mouswheel
Author: lisalite
Created: 2012-03-04 15:21:52+00:00
State: open

Im working on a basic mousewheel support for my roundabout.

I am using:
jquery.mousewheel.js 3.0.6 http://brandonaaron.net/code/mousewheel/docs
jquery.roundabout.js 2.3

My first working example looks like this:

instance.roundabout(settings.roundabout);

instance.bind('mousewheel', function(event, delta) {
event.preventDefault();

if (delta > 0) {
instance.roundabout('animateToNextChild', 1, 'linear');
}
else {
instance.roundabout('animateToPreviousChild', 1, 'linear');
}
});

Now I am trying to create a circular animation on mousewheel movements like:
http://finnrudolph.de/ImageFlow/Examples#Enable_circular_mode
http://www.professorcloud.com/mainsite/carousel.htm

I read your comment on https://github.com/fredhq/roundabout/issues/13#issuecomment-4054073 and made some attempts with animateToDelta and animateToNearestChild but nothing worked like intended.

Could you please give me an example of how to create a circular animation with easing in response to mousewheel movements.

Thanks in advance and best regards.