자바 스크립트에서 이미지 버튼을 텍스트로 치환하는 방법

자바 스크립트에서 이미지 버튼을 텍스트로 치환하는 방법 정보

자바 스크립트에서 이미지 버튼을 텍스트로 치환하는 방법

본문

게시판 전체의 업로드 이미지를 슬라이드 쇼로 보여주는 작업을 하고있습니다.
최대한 단순하게 하고싶은데 아는게 없다보니 초반부터 막힙니다.

아래 스크립트는 보람찬님의 스킨에서 슬라이드 쇼에 쓰인 스크립트의 일부입니다.
여기서 이미지 버튼을 단순하게 텍스트로 처리하고 싶은데 가능할까요?
조언 부탁드립니다.

function slideAutoStart(){

document.images['btnPlay'].src = "./s_img/btn_play.gif";
document.images['btnStop'].src = "./s_img/btn_stop_off.gif"
on_play = 1;

중략~~

}

function slideAutoStop(){

   document.images['btnPlay'].src = "./s_img/btn_play_off.gif";
   document.images['btnStop'].src = "./s_img/btn_stop.gif";
   on_play = 0;
   clearTimeout(slideTime) ;
}

중략~~

링크는 다음과 같이 되어있습니다.

<a href="javascript:slideAutoStart()"><img src="./s_img/btn_play.gif" name="btnPlay" onMouseOver="on_play_button()" onMouseOut="out_play_button()" border="0" align="absmiddle"></a>
<a href="javascript:slideAutoStop()"><img src="./s_img/btn_stop.gif" name="btnStop" onMouseOver="on_stop_button()" onMouseOut="out_stop_button()" border="0" align="absmiddle"></a>

복사
공유하기

댓글 전체

rolo 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

06.04.10 03:33:29

<a href="javascript:slideAutoStart()"><img src="./s_img/btn_play.gif" name="btnPlay" onMouseOver="on_play_button()" onMouseOut="out_play_button()" border="0" align="absmiddle"></a>

를

<a href="javascript:slideAutoStart()"><span id=btnPlay>_PLAY_</span></a>

===============
function slideAutoStart(){
를
function slideAutoStart(){

document.all.btnPlay.innerHTML="_play_";
...

정도로 하면 글씨는 좀 바뀔 테지만
<A>를 disable 시키면 더 좋겠네요.