Question

我正在使用wpaudio插件将mp3链接转换为javascript / flash音频播放器。我的问题是我在我的网站上的两个区域使用此插件：一个在黑色背景上，一个在白色背景上。我需要为每个页面使用一组备用播放/暂停按钮（黑色背景的白色按钮，反之亦然）。我完全不知道如何做到这一点。

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

Answer 1

好的我现在明白了。

您需要做的是设置src属性以显示正确的图像。在同一图像中同时显示两种类型的图像。例如，代替wpa_play.gif，你将拥有一个更大的包含wpa_play for back bg和white bg。但是它的容器大小只是其中一个按钮的大小。

然后你在不同页面的css中使用backgound-position来显示按钮的正确部分

WordPress wpaudio soundmanager插件的备用播放/暂停按钮

1 个答案: