JavaScriptCollection
diff --git a/‎README.md‎
Lines changed: 17 additions & 6 deletions b/‎README.md‎
Lines changed: 17 additions & 6 deletions
diff --git a/‎js/zoom.js‎
Lines changed: 5 additions & 1 deletion b/‎js/zoom.js‎
Lines changed: 5 additions & 1 deletion
@@ -10,18 +10,29 @@ Enables a minimal JS API for zooming in on specific points or DOM elements.
 
 #### Zoom in on an element:
 
+```javascript
+  zoom.to({
+    element: document.querySelector( 'img' )
+  });
+```
+
+Additional options:
+
 ```
   zoom.to({
     element: document.querySelector( 'img' ),
-    callback: function() {
-      // done zooming
-    }
+
+    // Amount of empty space around zoomed element
+    padding: 20,
+
+    // Function to call once zooming completes
+    callback: function() { /* ... */ }
   });
 ```
 
 #### Zoom in on a point:
 
-```
+```javascript
   zoom.to({
     x: 100,
     y: 200,
@@ -30,7 +41,7 @@ Enables a minimal JS API for zooming in on specific points or DOM elements.
   });
 ```
 
-```
+```javascript
   zoom.to({
     x: 100,
     y: 200,
@@ -39,7 +50,7 @@ Enables a minimal JS API for zooming in on specific points or DOM elements.
 ```
 
 #### Reset
-```
+```javascript
   zoom.out();
 ```
 
 
@@ -175,6 +175,7 @@ var zoom = (function(){
 		 *
 		 *   (optional)
 		 *   - callback: call back when zooming in ends
+		 *   - padding: spacing around the zoomed in element
 		 */
 		to: function( options ) {
 
@@ -190,7 +191,7 @@ var zoom = (function(){
 				// If an element is set, that takes precedence
 				if( !!options.element ) {
 					// Space around the zoomed in element to leave on screen
-					var padding = 20;
+					var padding = typeof options.padding === 'number' ? options.padding : 20;
 					var bounds = options.element.getBoundingClientRect();
 
 					options.x = bounds.left - padding;
@@ -208,6 +209,9 @@ var zoom = (function(){
 					options.x *= options.scale;
 					options.y *= options.scale;
 
+					options.x = Math.max( options.x, 0 );
+					options.y = Math.max( options.y, 0 );
+
 					magnify( options, options.scale );
 
 					if( options.pan !== false ) {