Alternate Play / Pause-Taste für Wordpress wpaudio Soundmanager Plugin

Question

Ich bin das wpaudio Plugin konvertiert mp3 Links in ein Javascript / Flash-Audio-Player. Mein Problem ist, dass ich dieses Plugin in zwei Bereichen auf meiner Website verwenden: ein auf einem schwarzen Hintergrund, und einem auf einem weißen Hintergrund. Ich brauche einen alternativen Satz von Play / Pause-Tasten für jede Seite (weiße Tasten für den schwarzen Hintergrund und umgekehrt) zu verwenden. Ich bin bei einem Totalverlust, wie dies zu tun.

Ich muß einige, wie ein einzuarbeiten „wenn Seite ist ...“ Anweisung in die wpaudio.js aber ich weiß nicht, wie dies mit jQuery zu tun.

Hier ist der Code in dem Plugin Ich glaube, ich ändern müssen:

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

und

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');
}

Das Plugin fügt das Element auf das DOM in folgendem Format:

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

Answer 1

Ok ich es jetzt.

Was Sie tun müssen, ist stattdessen das Attribut src Einstellung für das richtige Bild zeigt. Haben beide Arten von Bildern in demselben Bild. zum Beispiel statt wpa_play.gif Sie ein größeres haben die wpa_play für zurück bg und weiß bg enthält beides. aber die Größe des Containers ist nur die Größe einer der Tasten.

dann verwenden Sie die backgound-Position in der CSS auf verschiedenen Seiten den richtigen Teil der Taste

zeigen