Zoom with mousewheel

[BugHunter2k]

Just had the idea to enable the mousewheel for zooming the image insteat or in addition to the slider. What do you thing is this a good idea or would it confuse the users?

[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.

[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.
            });
        }`