From: Chi Cheng <cloudream@gmail.com>
Date: Thu, 7 Aug 2008 18:39:16 +0000 (+0000)
Subject: Image cropper demo: fixs #3092
X-Git-Tag: 1.6rc2~154
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=820013815270912508d88cafac1e47e7eeb3fdfd;p=jquery-ui.git

Image cropper demo: fixs #3092
---

diff --git a/demos/real-world/image-cropper/index.html b/demos/real-world/image-cropper/index.html
index 3fff4f5ea..f532f887f 100644
--- a/demos/real-world/image-cropper/index.html
+++ b/demos/real-world/image-cropper/index.html
@@ -128,21 +128,19 @@
 		resize: function(e, ui) {
 			var self = $(this).data("resizable");
 			
-  		  this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px';
+  			this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px';
 			
 
-		  $("#log-top").html(self.position.top+"px");
+			$("#log-top").html(self.position.top+"px");
+			$("#log-left").html(self.position.left+"px");
 
-		  $("#log-left").html(self.position.left+"px");
-
-		  $("#log-height").html(self.size.height+"px");
-
-		  $("#log-width").html(self.size.width+"px");
+			$("#log-height").html(self.size.height+"px");
+			$("#log-width").html(self.size.width+"px");
 
   	    },
 		stop: function(e, ui) {
 			var self = $(this).data("resizable");
-  		  this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px';
+  			this.style.backgroundPosition = (self.position.left * -1) + 'px ' + (self.position.top * -1) + 'px';
   	    }
 	})
 
@@ -154,12 +152,10 @@
 
 		drag: function(e, ui) {
 			var self = $(this).data("draggable");
-			this.style.backgroundPosition = '-' + (self.position.left) + 'px -' + (self.position.top) + 'px';
-
-		  $("#log-top").html(self.position.top+"px");
-
-		  $("#log-left").html(self.position.left+"px");
+			this.style.backgroundPosition = (self.position.left * -1) + 'px ' + (self.position.top * -1) + 'px';
 
+			$("#log-top").html(self.position.top+"px");
+			$("#log-left").html(self.position.left+"px");
 		}
 
 	});