facebook - Facebookの「いいね」ボタンをパーソナライズする

Question

私はWordpressで、ユーザーがビデオを気に入った後にビデオをダウンロードするアプリケーションを作成しています。ビデオは投稿のようなものです。Facebookの「いいね」ボタンがありますが、ユーザーが投稿を気に入った場合は、ボタンをダウンロードに変更したいと思います。私が何をすべきかについて何か考えはありますか？ありがとう。

Answer 1

Facebookの「いいね」ボタンをダウンロードボタンと同じ場所に配置するだけです。たとえば、共通のdiv要素に配置します。

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

ダウンロードボタンににz-index設定された値を指定し-1ます。次に、Javascriptのイベントを「いいね」ボタンのクリックイベントにバインドします。これにより、z-indexがにバンプされ2ます。

jQueryを使用すると（まあ、なくてもjQueryを使用すると、はるかに簡単になります）、優れたアニメーションを適用することもできます。変更を実際にアニメートすることはできないためz-index（2番目の値を超えるとすぐに下の要素が突然表示されるだけz-indexです）、不透明度を試してみることをお勧めします。

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