将拇指分配给 fancybox 的 url（图片）

Question

这是在"Direct link to any fancybox", but with URL in address bar 之后出现的。现在我设法为我的fancybox画廊的每张图片分配了一个唯一的网址，我想知道是否通过分享例如image #1 url，它会产生正确的拇指，例如，在 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：

<a class="thumbs" data-fancybox-group="group1" id="image1" href="http://freeimagesarchive.com/data/media/206/1_black.jpg"><img src="http://freeimagesarchive.com/data/media/206/1_black.jpg" /></a>

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

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

我希望我说清楚了，对不起英语。

有什么办法吗？

Answer 1

如果您希望 Facebook 正确分享此图片，您需要为每张图片创建一个页面，并在其上标上正确的 Open Graph meta tags。这些必须要么在静态文件中硬编码，要么由服务器端脚本动态生成。这些页面将是您在 Facebook 上分享的 URL，以便他们的 parser 可以阅读它们。

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