Question

我有一个带有fancybox的照片库，当fancybox打开时，tittle就像是一个按钮。问题是不起作用。

这是我的JS：

 $(".fancyboxi").fancybox({
     padding: 0,
                openEffect  : 'none',
                closeEffect : 'none',

                prevEffect : 'none',
                nextEffect : 'none',

                closeBtn  : true,
            helpers: {


                overlay: {

                       css: {'background-color': '#333'} 
                    },
                title : {
                    type: 'outside'
                }
            },

          beforeShow: function () {
            if (this.title) {
                var titulo=this.href;

                // Add tweet button
  this.title += '<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-url="http://kingpollo.it/'+ titulo + '">Tweet</a>';

            // Add FaceBook like button
                this.title += '<iframe src="//www.facebook.com/plugins/like.php?href=http://kingpollo.it/'+ titulo + '&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:23px;" allowTransparency="true"></iframe>';


            }
        },

        afterShow: function(){
             twttr.widgets.load();
        },
        nextEffect: 'fade',
        prevEffect: 'fade'

    }); // fancybox});

twitter按钮正常工作。为什么fb按钮没有？

Answer 1

// Add FaceBook like button
this.title += '<iframe src="//www.facebook.com/

该部分代码缺少正确的fb url。

// Add FaceBook like button
this.title += '<iframe src="http://www.facebook.com/

Answer 2

将完整的网址添加到Facebook按钮：

<a title="1st title" class="fancybox" href="/images/pic1_full.jpg">
<img alt="Photo number 1" src="images/pic1.jpg"

不起作用，但是：

<a title="1st title" class="fancybox" href="http://www.yousite.com/images/pic1_full.jpg">
<img alt="Photo number 1" src="images/pic1.jpg"

作品

像facebook这样的按钮不适用于fancybox

2 个答案: