Fixed imagemap plugin to take into account padding and border of images

qTip2 · Nov 30, 2010 · a14fa60 · a14fa60
1 parent bcb52c6
commit a14fa60
Show file tree

Hide file tree

Showing 5 changed files with 76 additions and 66 deletions.
diff --git a/dist/jquery.qtip.css b/dist/jquery.qtip.css
@@ -9,7 +9,7 @@
 *   http://en.wikipedia.org/wiki/MIT_License
 *   http://en.wikipedia.org/wiki/GNU_General_Public_License
 *
-* Date: Tue Nov 30 02:30:24 2010 +0000
+* Date: Tue Nov 30 02:48:10 2010 +0000
 */
 
 .ui-tooltip-accessible{

diff --git a/dist/jquery.qtip.js b/dist/jquery.qtip.js
@@ -9,7 +9,7 @@
 *   http://en.wikipedia.org/wiki/MIT_License
 *   http://en.wikipedia.org/wiki/GNU_General_Public_License
 *
-* Date: Tue Nov 30 02:30:24 2010 +0000
+* Date: Tue Nov 30 02:48:10 2010 +0000
 */
 
 "use strict"; // Enable ECMAScript "strict" operation for this function. See more: http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/
@@ -2186,7 +2186,8 @@ $.extend(TRUE, $.fn.qtip.defaults, {
 	var shape = area.attr('shape').toLowerCase(),
 		baseCoords = area.attr('coords').split(','),
 		coords = [],
-		imageOffset = $('img[usemap="#'+area.parent('map').attr('name')+'"]').offset(),
+		image = $('img[usemap="#'+area.parent('map').attr('name')+'"]'),
+		imageOffset = image.offset(),
 		result = {
 			width: 0, height: 0,
 			offset: { top: 1e10, right: 0, bottom: 0, left: 1e10 }
@@ -2239,6 +2240,10 @@ $.extend(TRUE, $.fn.qtip.defaults, {
 		return { left: coords[0][0], top: coords[0][1] };
 	}
 
+	// Make sure we account for padding and borders on the image
+	imageOffset.left += Math.floor((image.outerWidth() - image.width()) / 2);
+	imageOffset.top += Math.floor((image.outerHeight() - image.height()) / 2);
+
 	// Parse coordinates into proper array
 	if(shape === 'poly') {
 		i = baseCoords.length; while(i--)