Question

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

我有一些想法，比如在图像上添加iframe，因为鼠标位于图像上方，因为如果页面上有很多图像，这样可以防止减速。

如果使用/不使用jQuery，我该怎么做？

Answer 1

难道你不能简单地将这个按钮加载到div中并在mouseover上隐藏img / show div并在mouseout上显示img / hide 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脚本，但尚未包含任何按钮代码。然后，onmousover，为Facebook按钮编写div标签，并通过调用：

初始化按钮

FB.XFBML.parse();

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

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

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

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

3 个答案: