added preventDefault calls to callbacks

benlumley · Feb 2, 2011 · bac4295 · bac4295
1 parent eb18fc5
commit bac4295
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -2,6 +2,8 @@
 
 Pan and zoom an image within a parent div. Plugin can also read/write the co-ordinates of the image within the parent div to/from a (probably hidden) form field for easy integration into your own projects.
 
+Live example available at: http://benlumley.co.uk/dev/panzoom/example/index.html
+
 # Licence #
 
 Copyright (c) 2011 Ben Lumley  

diff --git a/jquery-panzoom-0.9.0.js b/jquery-panzoom-0.9.0.js
@@ -195,13 +195,13 @@
 		$(this).bind('load.panZoom', eventData, function (event) { event.data.target.panZoom('loadImage') })
 
 		// controls
-		if (settings.zoomIn) { settings.zoomIn.bind('click.panZoom', eventData, function(event) { event.data.target.panZoom('zoomIn'); } ); }
-		if (settings.zoomOut) { settings.zoomOut.bind('click.panZoom', eventData, function(event) { event.data.target.panZoom('zoomOut'); } ); }
-		if (settings.panUp) { settings.panUp.bind('click.panZoom', eventData, function(event) { event.data.target.panZoom('panUp'); } ); }
-		if (settings.panDown) { settings.panDown.bind('click.panZoom', eventData, function(event) { event.data.target.panZoom('panDown'); } ); }
-		if (settings.panLeft) { settings.panLeft.bind('click.panZoom', eventData, function(event) { event.data.target.panZoom('panLeft'); } ); }
-		if (settings.panRight) { settings.panRight.bind('click.panZoom', eventData, function(event) { event.data.target.panZoom('panRight'); } ); }
-		if (settings.fit) { settings.fit.bind('click.panZoom', eventData, function(event) { event.data.target.panZoom('fit'); } ); }
+		if (settings.zoomIn) { settings.zoomIn.bind('click.panZoom', eventData, function(event) { event.preventDefault(); event.data.target.panZoom('zoomIn'); } ); }
+		if (settings.zoomOut) { settings.zoomOut.bind('click.panZoom', eventData, function(event) { event.preventDefault(); event.data.target.panZoom('zoomOut'); } ); }
+		if (settings.panUp) { settings.panUp.bind('click.panZoom', eventData, function(event) { event.preventDefault(); event.data.target.panZoom('panUp'); } ); }
+		if (settings.panDown) { settings.panDown.bind('click.panZoom', eventData, function(event) { event.preventDefault(); event.data.target.panZoom('panDown'); } ); }
+		if (settings.panLeft) { settings.panLeft.bind('click.panZoom', eventData, function(event) { event.preventDefault(); event.data.target.panZoom('panLeft'); } ); }
+		if (settings.panRight) { settings.panRight.bind('click.panZoom', eventData, function(event) { event.preventDefault(); event.data.target.panZoom('panRight'); } ); }
+		if (settings.fit) { settings.fit.bind('click.panZoom', eventData, function(event) { event.preventDefault(); event.data.target.panZoom('fit'); } ); }
 
 		// double click
 		if (settings.double_click) {