facebook - 个性化 Facebook 赞按钮

Question

我正在 Wordpress 中创建一个应用程序，用户在喜欢视频后下载视频。视频就像帖子。我有 Facebook 喜欢按钮，但如果用户喜欢该帖子，我希望该按钮变为下载。知道我应该做什么吗？谢谢。

Answer 1

只需将 Facebook Like 按钮与下载按钮放在同一个位置，例如将它们放在一个公共div元素中：

<div id="like_download_container">
    <div id="fb-like></div>
    <div id="download_button><!-- button code here --></div>
</div>

并将下载按钮的z-index值设置为-1。然后，将 Javascript 中的事件绑定到 Like 按钮上的单击事件，然后将 z-index 提升到2.

使用 jQuery（好吧，即使没有，但 jQuery 让它变得更简单），您甚至可以对其应用漂亮的动画。由于您无法真正为z-index更改设置动画（它只会使底部元素在通过第二个z-index值时突然出现），因此一个想法是使用不透明度：

$('#download_button').css({
    'opacity' : '0',
    'z-index' : '2'
});
$('#download_button').animate('opacity', '1');