2010-04-18 65 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