0

wpaudio プラグインを使用して、mp3 リンクを javascript/flash オーディオ プレーヤーに変換しています。私の問題は、このプラグインをサイトの 2 つの領域で使用していることです。1 つは黒い背景、もう 1 つは白い背景です。ページごとに再生/一時停止ボタンの代替セットを使用する必要があります (黒い背景には白いボタン、またはその逆)。私はこれを行う方法について完全に途方に暮れています。

「if page is...」ステートメントをwpaudio.jsに組み込む方法が必要ですが、jQueryでこれを行う方法がわかりません。

変更する必要があると思われるプラグインのコードは次のとおりです。

jQuery(this).prepend('<img id="wpa' + wpa_id + '_play" class="wpa_play" src="' + wpa_url + '/wpa_play.gif">');

と:

function wpaButtonCheck() {
    if (!this.playState || this.paused)
        jQuery('#' + this.sID + '_play').attr('src', wpa_url + '/wpa_play.gif');
    else
        jQuery('#' + this.sID + '_play').attr('src', wpa_url + '/wpa_pause.gif');
}

プラグインは、要素を次の形式で DOM に追加します。

<img src="http://24.232.185.173/wordpress/wp-content/plugins/wpaudio-mp3-player/wpa_play.gif" class="wpa_play" id="wpa0_play">
4

1 に答える 1

0

わかりました。

あなたがする必要があるのは、正しい画像を表示するために src 属性を設定する代わりです。両方のタイプの画像を同じ画像に含めます。たとえば、wpa_play.gif の代わりに、バック背景とホワイト背景の両方に wpa_play を含む大きなものがあります。ただし、そのコンテナーのサイズはボタンの 1 つのサイズのみです。

次に、異なるページの css で backgound-position を使用して、ボタンの正しい部分を表示します

于 2010-04-18T20:49:32.393 に答える