테스트 사이트 - 개발 중인 베타 버전입니다

질문좀 드리겠습니다 채택완료

초보입니다1 8년 전 조회 4,059

질문좀드리겠습니다

 

아래코드를요 지금은 텍스트로 해서 클릭시 온효과가 나오는건데요

이거를 이미지로 변경할려면 어떻게 해야할까요

 

클릭전에는 1.jpg  

클릭후에는 2.jpg 이런식으로 가능할까요 

 

</p><p> </p><p> </p><p><li><a href="/bbs/board.php?bo_table=po"<?if($bo_table == "po") echo ' id="bo_cate_on"';?>>건설중장비/농기계</a></li> </p><p> </p><p>

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
s
sinbi Expert
8년 전

1. 이미지를 아래처럼 준비

(예) free.gif , free_on.gif

 

2. 이미지 파일 주소를 아래처럼 설정

">

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

초보입니다1
8년 전
<li><img src="/img/ts01.gif"<?php echo ($bo_table == "po")?"/img/ts06.gif":"";?>">
이렇게 해도안됩니다 ㅠㅠ
s
sinbi
8년 전
주소 ts01.gif" 부분에 따옴표가 들어가 있네요.
그리고, 뒤의 PHP 코드 부분은 파일명 뒤에 덧붙는 부분이라 경로는 적을 필요없이 ON 상태일 때의 접미어만 출력되게 하시면 됩니다.

댓글을 작성하려면 로그인이 필요합니다.

스크립트를 꼭 써야되는 이유가 없거나

메뉴가 개수가 그리 많지 않다면

css로만으로 처리해도 될 것 같습니다.

 

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

플라이
8년 전

텍스트는 css class로 처리하시면 이미지는 자바스크립트로 처리하셔야 합니다.

 

참고 주소 보내드리니 이런식으로 처리하시면 됩니다.

 

http://www.gwedu.net/technote7/tmob.php?board=kkkexchan&command=body&no=35&fix_navi=1,2,0">http://www.gwedu.net/technote7/tmob.php?board=kkkexchan&command=body&no=35&fix_navi=1,2,0

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

초보입니다1
8년 전
저부분을 <?if($bo_table == "po") echo ' id="bo_cate_on"'; 여기에 어떻게 조합시키나요 ㅠㅠ 초보라서요
플라이
8년 전
id 조합이 아니라 해당 아이디면 이미지 주소를 오버된 이미지로 처리해 주시면 됩니다.
초보입니다1
8년 전
<li><a href="javascript:leftMenu09('2');"<?if($bo_table == "po") echo ' id="bo_cate_on"';?>>
<img src="/img/sprite_snb.png" border="0" onmouseover=this.src="/img/sprite_snb1.png" onmouseout=this.src="/img/sprite_snb.png"></a></li>

이렇게 해보니 그냥 롤오버만 되네요 ㅠㅠ
해당페이지에서는 딱 오버 이미지만 나오면 하는데요
<script type="text/javascript">
function leftMenu09(idx)
{
if(idx =='1'){
location.href = "링크경로";
}else if(idx =='2'){
location.href = "/bbs/board.php?bo_table=po";
}else if(idx =='3'){
location.href = "링크경로";
}else if(idx =='4'){
location.href = "링크경로";
}else if(idx =='5'){
location.href = "링크경로";
}
}
</script>

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인