Unable to identify which image area is selected using JCrop

Question

<div class="middle-side">
  <img class="expandedImg" src="01.jpg" id="im1"  style="width:841px;height:595px;">
  <img class="expandedImg" src="02.jpg" id="im2"  style="width:841px;height:595px;">
  <img class="expandedImg" src="03.jpg" id="im3"  style="width:841px;height:595px;"> 
</div>

$(document).ready(function () {

 $('.expandedImg').Jcrop({
                    
                    onSelect: function (c) {
                        console.log('c=', c);
                        console.log(c.x);
                        console.log(c.y);
                        console.log(c.x2);
                        console.log(c.y2);
                        console.log(c.z);
                        
                       
                    }

                })

})

How I can know which image is cropped in OnSelect: function?

I want image Id and respective cropping area.

question from:https://stackoverflow.com/questions/66058869/unable-to-identify-which-image-area-is-selected-using-jcrop

Answer 1

Waitting for answers