Альтернативная кнопка воспроизведения / паузы для плагина WordPress wpaudio soundmanager - PullRequest
0 голосов
/ 19 апреля 2010

Я использую плагин 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">

1 Ответ

0 голосов
/ 19 апреля 2010

Хорошо, теперь я понял.

Вам нужно вместо установки атрибута src показывать правильное изображение. Имейте оба типа изображений на одном изображении. например, вместо wpa_play.gif у вас будет больший, содержащий wpa_play для back bg и white bg оба но размер его контейнера равен размеру одной из кнопок.

затем вы используете положение фона в CSS на разных страницах, чтобы показать правильную часть кнопки

...