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
Post a Comment