summaryrefslogtreecommitdiff
path: root/js/jcrop/jquery.Jcrop.go.js
blob: 57639814f0466b816103e71d4773da599a9e7f10 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
		$(function(){
			jQuery("#avatar_original img.avatar").Jcrop({ onChange: showPreview,
													      setSelect: [ 0, 0, $("#avatar_original img.avatar").attr("width"), $("#avatar_original img.avatar").attr("height") ],
														  onSelect: updateCoords,
													      aspectRatio: 1,
														  boxWidth: 640,
														  boxHeight: 640,
														  bgColor: '#000',
														  bgOpacity: .4
												});
		});

		function showPreview(coords) {
			var rx = 96 / coords.w;
			var ry = 96 / coords.h;

			var img_width = $("#avatar_original img.avatar").attr("width");
			var img_height = $("#avatar_original img.avatar").attr("height");


			$('#avatar_preview img.avatar').css({
				width: Math.round(rx *img_width) + 'px',
				height: Math.round(ry * img_height) + 'px',
				marginLeft: '-' + Math.round(rx * coords.x) + 'px',
				marginTop: '-' + Math.round(ry * coords.y) + 'px'
			});
		};

		function updateCoords(c) {
			$('#avatar_crop_x').val(c.x);
			$('#avatar_crop_y').val(c.y);
			$('#avatar_crop_w').val(c.w);
			$('#avatar_crop_h').val(c.h);
		};

		function checkCoords() {
			if (parseInt($('#avatar_crop_w').val())) return true;
			alert('Please select a crop region then press submit.');
			return false;
		};