Zoom with mousewheel about cropit

[JohnPasquet]

It's a good point to not interfere with the native behavior of mousewheels on the entire page, but scrolling while over the image itself seems like that is a common behavior.

I was able to get this working, at least in Chrome. It binds to the div for just the image, so the scrolling works on the rest of the page and only impacts scrolling on the image itself.

function BindMouseWheelScrollEvents() {
    $('#divID').bind('mousewheel', function (e) {
            e.preventDefault();

                    var $slider = $(".cropit-image-zoom-input");
                    var currVal = parseFloat($slider.val());
                    var increment = (e.originalEvent.wheelDelta > 0) ? 0.1 : (0.1 * -1);
                    var newVal = currVal + increment;

                    $slider.val(newVal);
                    slider.trigger("change"); // This triggers the CropIt code for slider/range changes.
            });
        }`

[scottcheng]

I'd say it could be useful in some cases as an option, but it also interferes with the native behavior of mousewheels, which is scrolling the web page. In general I don't think it's a good-to-have but not an essential feature.

[scottcheng]

Closing due to inactivity.