0

我正在使用 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">
4

1 回答 1

0

好的，我现在明白了。

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

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

于 2010-04-18T20:49:32.393 回答