【发布时间】：2014-01-02 13:42:45
【问题描述】：
我在我的博客博客上使用了一个脚本，该脚本使用带有上一个和下一个按钮的外部源图像。该脚本包含 currentUrl 函数，用于在单击下一个或上一个按钮时创建页面印象。
我想添加 facebook 分享按钮，使用户能够分享他们正在查看的图片，但我相信它无法完成，因为我试图复制粘贴地址栏上的链接（由于图片而改变currentUrl 函数）在 facebook 上，但它无法检索与 url 关联的图像，是否可以对脚本进行任何更改，以便可以在社交媒体上共享图像？ 帮助将不胜感激。 谢谢
HTML 代码：
<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代码：
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);
}
【问题讨论】：
-
所以实际的脚本可以工作，您是在寻求指导以在 facebook 中添加共享功能吗？如果是这样，你的标题是错误的
-
@Christian 是的，实际脚本运行良好，但它不适用于 facebook。我想在我的搞笑图片网站上实现分享按钮。该脚本会在每次加载图像时更改 url，但是当我将带有参数的 url 复制粘贴到 facebook 状态栏（以检查我是否可以使用共享按钮）时，它无法检索与该 url 关联的图像。我相信需要以某种方式修改脚本才能使用共享按钮。为了您对结构的理解，这是网站 url www.woofhits.com 及其托管在博客上。
标签： javascript jquery html facebook blogger