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

【问题标题】：Alternate play / pause button for WordPress wpaudio soundmanager pluginWordPress wpaudio soundmanager 插件的备用播放/暂停按钮
【发布时间】：2010-04-18 20:07:36
【问题描述】：

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

我需要一些如何将“如果页面是...”语句合并到 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">

【问题讨论】：

标签： jquery css wordpress audio soundmanager2

【解决方案1】：

好的，我现在明白了。

您需要做的不是设置 src 属性来显示正确的图像。将两种类型的图像放在同一图像中。例如，您将拥有一个更大的而不是 wpa_play.gif，其中包含 wpa_play 用于 back bg 和 white bg 两者。但其容器的大小只是其中一个按钮的大小。

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

【讨论】：

对不起...我的原始问题不够具体。我添加了一些示例代码——希望能澄清一点