Question

这是在"Direct link to any fancybox", but with URL in address bar之后。现在我设法为我的fancybox图库的每个图像分配一个唯一的网址，我想知道是否通过共享，例如图像＃1网址，例如，在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代码重定向它们。

将拇指指向fancybox的网址（图片）

1 个答案: