2010-04-18 4 views
0

wpaudio 플러그인을 사용하여 mp3 링크를 javascript/flash 오디오 플레이어로 변환하고 있습니다. 내 문제는 내 사이트의 두 영역에서이 플러그인을 사용한다는 것입니다. 하나는 검정색 배경에, 다른 하나는 흰색 배경에 있습니다. 각 페이지마다 다른 재생/일시 중지 단추 세트 (검정색 배경의 흰색 단추 및 그 반대로 사용)를 사용해야합니다. 나는 이것을하는 방법에 총 손실에있다.WordPress wpaudio soundmanager plugin의 대체 재생/일시 중지 버튼

"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 대신에 backbg 및 whitebg 모두에 대해 wpa_play가 포함 된 더 큰 크기를 갖습니다. 컨테이너의 크기는 버튼 중 하나의 크기에 불과합니다.

는 당신은 내 원래의 질문에 충분한 특정되지 않았습니다 ...

+0

죄송 버튼의 정확한 부분을 보여주기 위해 다른 페이지에 CSS의 backgound에 위치를 사용합니다. 몇 가지 샘플 코드를 추가했습니다. 약간의 것들을 명확히 할 희망이 있습니다. –

+0

제가 제대로 설명하고 있습니까? – XGreen

+0

너무 간단합니다. 나는 그것을 생각하는 길이었다. 감사!!! –

관련 문제