Ionic checkbox linked to image in showcase

I have a ionic checkbox, which I want to combine with a image, so when the user clicks on either the image or checkbox, it gets checked or unchecked.

Image is attached, the grey area would represent the image. Example image

the markup i have so far is:

<div class="col" style="padding-right:0px;">
<div class="list card">
  <div class="item item-image">
    <img src="img/xxx.png" style="width:100%; height:150px;">
  </div>
  <li class="item item-checkbox">
       Lorem ipsum
       <label class="checkbox">
         <input type="checkbox" ng-model="xxxx['xxxx']">
       </label>
    </li>
</div>
</div>

Any ideas?