javascript - I need to slider work with mouse wheel -



javascript - I need to slider work with mouse wheel -

please see url: http://whipwap.co.uk/shopsense/slider_example/slider_test.html

and code :

$(document).ready(function(){

$("#content-slider").slider({ mousewheel:true, animate: true, change: handlesliderchange, slide: handlesliderslide }); });

now want slide mouse wheel.how can this.

looking support.

thanks,

deepak

in $(document).read() add together code:

$("#content-slider").bind('mousewheel', function(event, delta) { var newvalue = $(this).slider("value"); var step = $(this).slider("option", "step"); if (delta > 0) newvalue += step; else newvalue -= step; $(this).slider("value", newvalue); });

you might want decrease animation length or clear queue in handlesliderchange(), because sliding becomes jittery when using mouse wheel.

javascript jquery slider mousewheel

Comments

Popular posts from this blog

iphone - Dismissing a UIAlertView -

intellij idea - Update external libraries with intelij and java -

javascript - send data from a new window to previous window in php -