2010-04-18 62 views
0

我使用wpaudio插件將mp3鏈接轉換爲javascript/flash音頻播放器。我的問題是,我在我的網站上的兩個區域使用這個插件:一個在黑色背景上,另一個在白色背景上。我需要爲每個頁面使用一組備用播放/暫停按鈕(黑色背景爲白色按鈕,反之亦然)。我對如何做到這一點完全喪失了信心。WordPress wpaudio soundmanager插件的替代播放/暫停按鈕

我需要一些如何將「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"> 

回答

0

好吧,我現在明白了。

您需要做的是不是設置顯示正確圖像的src屬性。在同一圖像中同時顯示兩種圖像。例如 而不是wpa_play.gif你將有一個更大的包含wpa_play的背部bg和白色bg兩者。但其容器的大小隻是其中一個按鈕的大小。

然後使用backgound位置在不同的頁面的CSS顯示按鈕

+0

對不起的正確部分......我是不是在我原來的問題不夠具體。我已經添加了一些示例代碼 - 希望能夠澄清一些事情 – 2010-04-18 20:56:57

+0

我是否正確解釋? – XGreen 2010-04-18 22:53:22

+0

這麼簡單。我一直在想這個。謝謝!!! – 2010-04-18 23:06:22