Skip to content

Instantly share code, notes, and snippets.

@rafasf

rafasf/sharing.html

Created June 6, 2012 18:04
Show Gist options
  • Save rafasf/2883643 to your computer and use it in GitHub Desktop.
Save rafasf/2883643 to your computer and use it in GitHub Desktop.
Download ZIP
Sharing a link/image
Raw
sharing.html
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>slideshow</title>
<script src="http://platform.tumblr.com/v1/share.js" type="text/javascript"></script>
</head>
<body>
<h3 id="url"></h3>
<div id="twitter">
<a id="twitter-link" class="twitter-share-button"
data-count="none"
data-url=""
data-via="techzin" href="https://twitter.com/share"
title="Share in twitter">Tweet</a>
</div>
<br />
<div id="tumblr">
<a id="tumblr-link"
href=""
style="display:inline-block; text-indent:-9999px;
overflow:hidden; width:129px; height:20px;
background:url('http://platform.tumblr.com/v1/share_2.png')
top left no-repeat transparent;" title="Share in
Tumblr">Share on Tumblr</a>
</div>
<br />
<div id="fb-root">
<div id="facebook-link" class="fb-like"
data-layout="button_count"
data-send="false"
data-show-faces="false"
data-width="450"></div>
</div>
</body>
<script type='text/javascript'>
//<![CDATA[
var image_url = '---URL---';
var escaped_url = escape(image_url);
document.getElementById('url').innerHTML = image_url;
document.getElementById('twitter-link').setAttribute('data-url', image_url);
document.getElementById('tumblr-link').setAttribute('href', 'http://www.tumblr.com/share/photo?source=' + escaped_url + '&amp;capition=the%20message');
document.getElementById('facebook-link').setAttribute('data-href', image_url);
!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment