jquery - facybox 中的 Houzz 添加按钮

Question

我想在fancybox弹出窗口中显示的每个图像上添加“Houzz Add”按钮。我在 beforeShow 函数中放置了 houzz 提供的代码以显示每个图像的链接，但弹出窗口仅显示第一张图像的按钮和其他重定向到 Houzz.com 的简单链接

有什么办法可以在弹出窗口中的每个图像上添加按钮

Answer 1

您应该能够通过在每次动态创建它们时为每个按钮额外嵌入 SCRIPT 标记来做到这一点。这将重新运行将 A 标签转换为 Houzz 按钮的 JavaScript。

Houzz 服务器将通过后端 CURL 请求（类似于 Facebook 的 Like 按钮）验证元数据，因此请确保您的 FancyBox Houzz 按钮指向的链接也将 Houzz 按钮嵌入到它们自己的静态HTML 页面中。

希望这可以帮助！

Web 开发人员文档： http: //www.houzz.com/buttonsAndBadges#houzzbutton

Answer 2

集成社交网站链接的代码也像 facebook、twitter、pinterest 和 houzz 类似的代码也可用于集成其他按钮。

beforeShow: function () {
if (this.title) { 
    this.title += '<br />';
    //----Twitter button------//
    this.title += '<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-url="' + this.href + '">Tweet</a> ';
    //----pinterest (pin it)------//
    this.title += '<a class="pin-it-button" href="http://pinterest.com/pin/create/button/?url='+encodeURIComponent(document.location.href)+'&media='+encodeURIComponent('http://absoluteimagepath.com/path/to/image/'+this.href)+'&description=Pin from ScottGale.com">'+'<img title="Pin It" src="http://assets.pinterest.com/images/PinExt.png" alt="" border="0" /></a>';
  //----Facebook like------//
    this.title += '<iframe src="//www.facebook.com/plugins/like.php?href='+this.href+'&amp;send=false&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>';
  //----Houzz button------//
    this.title += '<iframe width="48" scrolling="no" height="20" frameborder="0" style="border: medium none;" src="http://www.houzz.com/buttonWidget/1?url='+this.href+'&img='+this.href+'&title=YourTitle&hzid=YourHouzzID&ref=http://yourdomain"></iframe>';
}

}