我如何才能在 Facebook 上显示“喜欢”鼠标悬停在图像上时链接？

Question

如何在图像上显示 Facebook“点赞”链接？我希望 Facebook 的“点赞”按钮仅在鼠标悬停在图像上时加载。

我想到了一些事情，比如当鼠标悬停在图像上时在图像上附加 iframe，因为如果页面上有很多图像，这样可以防止速度变慢。

我怎样才能用/不用 jQuery 来做这样的事情？

Answer 1

你不能简单地将这个按钮加载到div中并在鼠标悬停时隐藏img/显示div并在鼠标移开时显示img/隐藏div吗？

Answer 2

<div id="like" style="display:none; ">
 <!-- FB code like here -->
</div>
<img src="x.gif" id="im" />
<script>
$("#im").hover(function(){
  $("#like").show();
},function(){
  $("#like").hide();
});
</script>

Answer 3

正常加载 Facebook 脚本，但尚不包含任何按钮代码。然后，在鼠标悬停时，为 Facebook 按钮编写 div 标签，并通过调用初始化按钮：

FB.XFBML.parse();

这将搜索整个 DOM 并初始化每个按钮。

或者，要仅评估文档的一部分，您可以传入单个元素。

FB.XFBML.parse(document.getElementById('foo'));