이미지를 클릭하면 세부내용이 보여지도록 하고 싶어요.. 정보
이미지를 클릭하면 세부내용이 보여지도록 하고 싶어요..
관련링크
본문
faq 스킨이 있기는 하지만 faq 스킨같은 경우에는 제목이 모두 일반 텍스트로만 나옵니다..
제가 원하는 기능은 텍스트가 아니라 일반 타이틀 이미지를 클릭하면 faq기능처럼 세부 내용이 출력되도록 하고 싶습니다.
링크주소는 faq스킨인데.. 원하는 기능을 찾지는 못했네요..ㅠㅜ
스킨이 아니더라도 이미지를 클릭할 때 상세내용이 보여지도록 하고 싶은데 어떻게 해야할까요?
댓글 전체
갤러리 스킨을 받으셔서 list.skin.php 파일만 faq 스킨에 덮어씌여 보는 것도 하나의 방법이 될 수 있을 것 같습니다.
<script language="javascript">
function show1(target){
target.style.display='';
m2.style.display='none';
m3.style.display='none';
}
function show2(target){
target.style.display='';
m1.style.display='none';
m3.style.display='none';
}
function show3(target){
target.style.display='';
m1.style.display='none';
m2.style.display='none';
}
</script>
<input type="radio" name="service" onclick="show1(m1)">
<input type="radio" name="service" onclick="show2(m2)">
<input type="radio" name="service" onclick="show3(m3)">
<table>
<tr>
<td>
<!--출력 부분-->
<div id='m1' style=display='none'>
<table><tr><td>111111</td></tr></table>
</div>
<div id='m2' style=display='none'>
<table><tr><td>222222</td></tr></table>
</div>
<div id='m3' style=display='none'>
<table><tr><td>3333333</td></tr></table>
</div>
<!--출력부분-->
</td>
</tr>
</table>
function show1(target){
target.style.display='';
m2.style.display='none';
m3.style.display='none';
}
function show2(target){
target.style.display='';
m1.style.display='none';
m3.style.display='none';
}
function show3(target){
target.style.display='';
m1.style.display='none';
m2.style.display='none';
}
</script>
<input type="radio" name="service" onclick="show1(m1)">
<input type="radio" name="service" onclick="show2(m2)">
<input type="radio" name="service" onclick="show3(m3)">
<table>
<tr>
<td>
<!--출력 부분-->
<div id='m1' style=display='none'>
<table><tr><td>111111</td></tr></table>
</div>
<div id='m2' style=display='none'>
<table><tr><td>222222</td></tr></table>
</div>
<div id='m3' style=display='none'>
<table><tr><td>3333333</td></tr></table>
</div>
<!--출력부분-->
</td>
</tr>
</table>