如何在Facebook中添加共享功能? [英] How to add a share functionality within facebook?

查看:155
本文介绍了如何在Facebook中添加共享功能?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在我的博主博客上使用一个脚本,它使用外部源图像与上一个和下一个按钮。该脚本包括currentUrl函数,以便在下一个或上一个按钮被点击时创建页面展示。



我要添加Facebook共享按钮,使用户可以共享图片正在查看,但我相信它不能完成,因为我尝试复制粘贴地址栏上的链接(由于currentUrl功能与图片变化)在Facebook上,但它无法检索与URL相关联的图像,是否可能要对脚本进行任何更改,以便图像可以共享社交媒体?
帮助将不胜感激。
感谢



HTML代码:

 < body的onload = showPicNo(一) > 
< div id =picture>< img name =picturegallery>< / div>
< div id =navigation>
< a href =javascript:bw()>上一个< / a> | < a href =javascript:fw()> next< / a>
< / div>
< body>

JavaScript代码:

  var pics = new Array(http://4.bp.blogspot.com/_UdzqQpb36Jo/R9kVS0h1BFI/AAAAAAAAD_o/SRGugAQSF0A/s1600/timming_pictures_37.jpg\",\"https://lh3.googleusercontent.com /-et1BbdI-Dqk/UbM0JNa5VSI/AAAAAAAAAdw/cd6yN5HWvmc/s480-no/Funny+Lady+French+Kiss+With+Lion.jpg\",\"https://lh3.googleusercontent.com/-pSwjTBzFDM0/UbMukN2vTbI/AAAAAAAAAbc/ZMLSTtO -JUk / w460-h511-no / funny-pictures-auto-woman-boobs-477558.jpeg)
var a = 0;
var b = pics.length;
var currentUrl = document.URL;
var existsPicParameter = currentUrl.match(/ picnoparam\S * / i);

var tmpPicParameter,tmpPicParameterOld;

if(existsPicParameter!= null)
{
tmpPicParameter = existsPicParameter [0] .match(/ picnoparam = \d + / i);
if(tmpPicParameter!= null)
{
a = parseInt(tmpPicParameter [0] .match(/ \d + / i));
tmpPicParameterOld = tmpPicParameter [0];
}
} else {
a = Math.floor(Math.random()*(b - a))+ a;
}

函数fw()
{
if(a ==(b - 1))
{
a = 0;
} else {
a ++;
}
navigate(a);
}

函数bw()
{
if(a == 0)
{
a = b - 1;
} else {
a--
}
navigate(a);


函数导航(a)
{
if(existsPicParameter == null)
{
if(currentUrl.indexOf( ?)== -1)
{
currentUrl + =?;
} else {
currentUrl + =&;
}
currentUrl + =picnoparam =+ a;
} else {
tmpPicParameter [0] = tmpPicParameter [0] .replace(/ \d + / i,a);
currentUrl = currentUrl.replace(tmpPicParameterOld,tmpPicParameter [0]);
}
window.location.replace(currentUrl);
}

函数showPicNo(picNumber)
{
window.document.images [picturegallery]。src = pics [picNumber];
}

函数randomPicture()
{
erg = Math.floor(Math.random()*(b - a))+ a;
showPicNo(erg);
}


解决方案

您需要使用Facebook Javascript SDK做到这一点。 - 这是一个简单的分享课,我使这样做很简单。 https://github.com/DrewDahlman/Social-Sharing


I am using a script on my blogger blog which uses externally source images with previous and next button. The script include currentUrl function to create a page impression whenever next or previous button is clicked.

I want to add facebook share button, which enables a user to share the picture they are viewing, but i believe it cant be done,because i tried to copy paste the link on the address bar (which changes with picture due to currentUrl function) on facebook but it couldn't retrieve the image associated with url, is it possible to make any changes to the script so that images can be shared social media? Help would be much appreciated. Thanks

HTML Code:

<body onload="showPicNo(a)">
    <div id="picture"><img name="picturegallery"></div>
    <div id="navigation">
       <a href="javascript:bw()">previous</a> | <a href="javascript:fw()">next</a>
    </div>
  <body>

javascript code:

var pics=new Array ("http://4.bp.blogspot.com/_UdzqQpb36Jo/R9kVS0h1BFI/AAAAAAAAD_o/SRGugAQSF0A/s1600/timming_pictures_37.jpg","https://lh3.googleusercontent.com/-et1BbdI-Dqk/UbM0JNa5VSI/AAAAAAAAAdw/cd6yN5HWvmc/s480-no/Funny+Lady+French+Kiss+With+Lion.jpg","https://lh3.googleusercontent.com/-pSwjTBzFDM0/UbMukN2vTbI/AAAAAAAAAbc/ZMLSTtO-JUk/w460-h511-no/funny-pictures-auto-woman-boobs-477558.jpeg")
var a=0;
var b = pics.length;
var currentUrl = document.URL;
var existsPicParameter = currentUrl.match(/picnoparam\S*/i);

var tmpPicParameter, tmpPicParameterOld;

if (existsPicParameter != null)
{
  tmpPicParameter = existsPicParameter[0].match(/picnoparam=\d+/i);
  if (tmpPicParameter != null)
  {
    a = parseInt(tmpPicParameter[0].match(/\d+/i));
    tmpPicParameterOld = tmpPicParameter[0];
  }
} else {
  a = Math.floor(Math.random() * (b - a)) + a;
}

function fw()
{
 if (a == (b - 1))
 {
  a = 0;
 } else {
  a++;
 }
 navigate(a);
}

function bw()
{
 if (a == 0)
 {
  a = b - 1;
 } else {
  a--
 }
 navigate(a);
}

function navigate(a)
{
 if (existsPicParameter == null)
 {
  if (currentUrl.indexOf("?") == -1)
  {
    currentUrl += "?";
  } else {
  currentUrl += "&";
  }
  currentUrl += "picnoparam="+a;
 } else {
  tmpPicParameter[0] = tmpPicParameter[0].replace(/\d+/i,a);
  currentUrl = currentUrl.replace(tmpPicParameterOld,tmpPicParameter[0]);
 }
  window.location.replace(currentUrl);
}

function showPicNo(picNumber)
{
  window.document.images["picturegallery"].src=pics[picNumber];
}

function randomPicture()
{
  erg = Math.floor(Math.random() * (b - a)) + a;
  showPicNo(erg);
}

解决方案

You need to use the Facebook Javascript SDK to do this. - here is a simple sharing class I made to make this easy. https://github.com/DrewDahlman/Social-Sharing

这篇关于如何在Facebook中添加共享功能?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆