将拇指指向fancybox的url(图片)

这是在“直接链接到任何fancybox”之后,但地址栏中有URL 。 现在我设法为我的fancybox图库的每个图像分配一个唯一的URL,我想知道如果通过共享例如图像#1url,它会产生正确的拇指,例如,在Facebook上。

我正在使用最新的fancybox和jquery版本。

这是Javascript:

var thisHash = window.location.hash; $(document).ready(function() { $('.thumbs').fancybox({ prevEffect : 'fade', nextEffect : 'fade', closeBtn : true, arrows : true, nextClick : true, padding : 15, helpers : { title : { type : 'inside' }, thumbs : { width : 80, height : 80 } }, beforeShow: function () { var id = this.element.attr("id") if (id) { window.location.hash = id; } }, beforeClose: function() { window.location.hash = ""; } }); if(thisHash) { $(thisHash).trigger('click'); } }); 

这是HTML:

  

基本上,使用此代码,当我打开图像时,url将变为例如www.mysite.com#image1

如果我复制该地址并粘贴它,例如Facebook,显然它不会给任何拇指分享。 正确的拇指将是http://freeimagesarchive.com/data/media/206/1_black.jpg,但想法不是分享图片链接,而是分享fancybox链接。

我希望自己说清楚,对不起英语。

有什么办法吗?

如果您希望Facebook正确共享此图像,则每个图像都需要一个页面,其上有正确的Open Graph元标记 。 这些必须在静态文件中进行硬编码,或者由服务器端脚本动态生成。 这些页面将是您在Facebook上共享的URL,因此他们的解析器可以读取它们。

如果您希望最终用户看到Fancybox版本,当他们访问共享URL时,您可以使用Javascript代码重定向它们。