1 <tal:var define="thumbnails extension:thumbnails(context);

     2 				 image thumbnails.get_thumbnail('800x600', 'jpeg');

     3 				 size context.get_image_size();

     4 				 thumb_size image.get_image_size();

     5 				 geometry thumbnails.get_thumbnail_geometry('pano');">

     6 	<input type="hidden" name="selection.x1" tal:attributes="value geometry.x1" />

     7 	<input type="hidden" name="selection.y1" tal:attributes="value geometry.x2" />

     8 	<input type="hidden" name="selection.x2" tal:attributes="value geometry.y1" />

     9 	<input type="hidden" name="selection.y2" tal:attributes="value geometry.y2" />

    10  	<img class="imgareaselect"

    11 		 data-ams-imgareaselect-parent=".modal-dialog"

    12 		 data-ams-imgareaselect-target-field="selection."

    13 		 data-ams-imgareaselect-ratio="16:9"

    14 		 tal:attributes="src extension:absolute_url(image);

    15 						 width thumb_size[0];

    16 						 height thumb_size[1];

    17 						 data-ams-imgareaselect-image-width size[0];

    18 						 data-ams-imgareaselect-image-height size[1];

    19 						 data-ams-imgareaselect-x1 geometry.x1;

    20 						 data-ams-imgareaselect-y1 geometry.y1;

    21 						 data-ams-imgareaselect-x2 geometry.x2;

    22 						 data-ams-imgareaselect-y2 geometry.y2;" />

    23 </tal:var>