pass image to vk & mail

src/social-likes.js

@@ -40,21 +40,33 @@
 		var node = document.createElement('script');
 		node.type = 'text/javascript';
 		node.src = url;
-		node.onreadystatechange = function(node)
+		node.onreadystatechange = function()
 		{
 			if (node.readyState == 'complete')
-			{
-				var head = document.head || document.getElementsByTagName('head')[0];
-				head.appendChild(node);
 				onsuccess && onsuccess();
-			}
 			else if (node.readyState == 'loaded')
 			{
 				node.children; // IE hack
 				if (node.readyState == 'loading')
 					onerror && onerror();
 			}
+			node.parentNode && node.parentNode.removeChild(node);
+			node = null;
 		};
+		node.onload = function()
+		{
+			onsuccess && onsuccess();
+			node.parentNode && node.parentNode.removeChild(node);
+			node = null;
+		};
+		node.onerror = function()
+		{
+			onerror && onerror();
+			node.parentNode && node.parentNode.removeChild(node);
+			node = null;
+		};
+		var head = document.head || document.getElementsByTagName('head')[0];
+		head.appendChild(node);
 	}
 
 	/**
@@ -90,7 +102,7 @@
 					}
 				}
 			},
-			popupUrl: 'https://connect.mail.ru/share?share_url={url}',
+			popupUrl: 'https://connect.mail.ru/share?share_url={url}&title={title}&image_url={image}',
 			popupWidth: 492,
 			popupHeight: 500
 		},
@@ -112,7 +124,7 @@
 				options._.push(deferred);
 				getScript(makeUrl(jsonUrl, {index: index}), null, function() { deferred.reject(); });
 			},
-			popupUrl: 'https://vk.com/share.php?url={url}',
+			popupUrl: 'https://vk.com/share.php?url={url}&title={title}&image={image}',
 			popupWidth: 655,
 			popupHeight: 450
 		},
@@ -182,25 +194,41 @@
 					options.counter(jsonUrl, deferred);
 				else if (options.counterUrl)
 				{
-					GET(jsonUrl, function(r, d)
+					var cb = function(number)
 					{
-						if (!r.responseText)
+						try
-							deferred.reject();
-						else
 						{
-							var number = d||r.responseText;
+							if (typeof options.convertNumber == 'function')
-							try
+								number = options.convertNumber(number);
-							{
+							deferred.resolve(number);
-								if (typeof options.convertNumber == 'function')
-									number = options.convertNumber(number);
-								deferred.resolve(number);
-							}
-							catch (e)
-							{
-								deferred.reject();
-							}
 						}
-					});
+						catch (e)
+						{
+							deferred.reject();
+						}
+					};
+					if (jsonUrl.indexOf('=?') > 0)
+					{
+						var k = 0;
+						while (window['__jsonp'+k]) k++;
+						window['__jsonp'+k] = function(d)
+						{
+							delete window['__jsonp'+k];
+							cb(d);
+						};
+						jsonUrl = jsonUrl.replace('=?', '=__jsonp'+k);
+						getScript(jsonUrl, null, function() { deferred.reject(); });
+					}
+					else
+					{
+						GET(jsonUrl, function(r, d)
+						{
+							if (!r.responseText)
+								deferred.reject();
+							else
+								cb(d||r.responseText);
+						});
+					}
 				}
 				else
 					deferred.reject();
@@ -235,9 +263,24 @@
 		}
 	};
 
+	function getOg()
+	{
+		var h = {};
+		var es = document.getElementsByTagName('meta');
+		for (var i = 0; i < es.length; i++)
+		{
+			var p = es[i].getAttribute('property');
+			if (p && p.substr(0, 3) == 'og:')
+				h[p.substr(3)] = es[i].getAttribute('content');
+		}
+		return h;
+	}
+
+	var og = getOg();
 	window.socialLikes.defaults = {
 		url: window.location.href.replace(window.location.hash, ''),
-		title: document.title,
+		title: og.title||document.title,
+		image: og.image,
 		counters: true,
 		zeroes: false,
 		wait: 500,  // Show buttons only after counters are ready or after this amount of time
@@ -484,7 +527,8 @@
 			if (options.clickUrl) {
 				var url = makeUrl(options.clickUrl, {
 					url: options.url,
-					title: options.title
+					title: options.title,
+					image: options.image||''
 				});
 				var link = document.createElement('a');
 				link.href = url;
@@ -562,7 +606,8 @@
 			if (process) {
 				var url = makeUrl(options.popupUrl, {
 					url: options.url,
-					title: options.title
+					title: options.title,
+					image: options.image||''
 				});
 				url = this.addAdditionalParamsToUrl(url);
 				this.openPopup(url, {

src/styles/flat/font/social-likes.styl

@@ -1,6 +1,6 @@
 @font-face {
 	font-family:"social-likes";
-	src:url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
+	src:url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
 	font-weight:normal;
 	font-style:normal;
 }