Question

I am using Jcrop jQuery to crop an image in an MVC3 application.

The following is my JavaScript function:

    jQuery(function ($) {
    $('#imgLab').Jcrop(
        {
            onChange: showCoords,
            onSelect: coordsSelected,
            onRelease: clearCoords
        }
        );
});

Image ID is ‘imgLab’.

<img id="imgLab" src="@ViewBag.ObjLabTypeMaster.TopologyImagePath" alt="Lab" width="500" height="450" />

Image src path is coming from database.

Now this works fine in FF, Safari and Chrome.
In IE it only works after I press F5.
Can anyone tell me what is wrong in code?

Answer 1

have to set AllowSelect:true for IE

jQuery(function ($) {

        $('#imgLab').Jcrop(
        {
            allowSelect: true,
            //onChange: showCoords,
            //                onSelect: coordsSelected,
            onRelease: clearCoords,
            onDblClick: opendetails
        }, function () {
            Jcrop_Api = this;
        });
});