Javascript 我怎样才能展示Facebook；例如；鼠标上的链接在图像上？

如何在图像上显示Facebook的“喜欢”链接？我希望Facebook的“喜欢”按钮只在鼠标位于图像上方时加载

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

---

有/没有jQuery，我怎么能做这样的事情呢？

你不能简单地将这个like按钮加载到div中，然后在mouseover上隐藏img/show div，在mouseout上显示img/hide div吗

<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>

$（“#im”）.hover（函数（）{
$（“#like”）.show（）；
}，函数（）{
$（“#like”）.hide（）；
});

正常加载Facebook脚本，但不要包含任何按钮代码。然后，在Mousover上，为Facebook按钮编写div标记，并通过调用以下命令初始化按钮：

FB.XFBML.parse();

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

或者，要仅计算文档的一部分，可以传入单个元素

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

---

这会使facbook像iframe一样延迟加载吗？我怀疑它仍然会在后台加载所有类似facebook的按钮。我想要的是能够在小部件悬停时动态追加代码。这意味着只有当鼠标在图像上时，才会动态加载like按钮iframe。否，因为使用like按钮的问题在于它会加载到DOM（http请求）中。其目的是防止加载，并在demamd上执行