Prevent click and drag on ImgAreaSelect

Question

I'm trying to reproduce the example here http://jsfiddle.net/uydpr/2/ as the code is inside my page, but instead of getting the image area being selected, the image gets treated as click&drag. How can I prevent/stop the click&drag?

function preview(img, selection) {
    var scaleX = 100 / (selection.width || 1);
    var scaleY = 100 / (selection.height || 1);


    $('#preview + div > img').css({
        width: Math.round(scaleX * 400) + 'px',
        height: Math.round(scaleY * 300) + 'px',
        marginLeft: '-' + Math.round(scaleX * selection.x1) + 'px',
        marginTop: '-' + Math.round(scaleY * selection.y1) + 'px'

    });

}

$(document).ready(function () {
    $('<div><img src="http://odyniec.net/projects/imgareaselect/ferret.jpg" style="position: relative;" /><div>')
        .css({
            float: 'left',
            position: 'relative',
            overflow: 'hidden',
            width: '100px',
            height: '100px'
        })
        .insertAfter($('#preview'));

    $('#preview').imgAreaSelect({ aspectRatio: '1:1', onSelectChange: preview });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>
    <img title="A ladybug being harassed by an ant." alt="A ladybug being harassed by an ant." src="http://odyniec.net/projects/imgareaselect/ferret.jpg" id="preview">
</div>

On which browser are you experiencing this problem? Because I'm not seeing this behavior on IE10, win7. — Mouser, Jan 12 '15 at 10:28
However this question sufficiently answers your problem: http://stackoverflow.com/questions/4211909/disable-dragging-an-image-from-an-html-page — Mouser, Jan 12 '15 at 10:32
@Mouser Having that issue on chrome, but the example on the site works just fine. — Micael Florêncio, Jan 12 '15 at 10:39
It's still not making the select, but avoiding the click and drag is solved, so I guess it's answered. Thanks — Micael Florêncio, Jan 12 '15 at 10:47
@DinuSorin I have it in the tag along with the other plugins. Someone edited it and added that jquery one for some reason — Micael Florêncio, Jan 12 '15 at 11:30

Prevent click and drag on ImgAreaSelect

0 Answers0