div 특정 클릭시 show hide ... 우찌합니까?? 안되네요.. 정보
div 특정 클릭시 show hide ... 우찌합니까?? 안되네요..본문
#############스크립트 부분입니다.##############
function show_Layer(n)
{
document.getElementById('ima0').style.display='block';
document.getElementById('ima1').style.display='none';
document.getElementById('ima2').style.display='none';
document.getElementById('ima3').style.display='none';
switch (n) {
case 0:
document.getElementById('ima0').style.display='block';
document.getElementById('ima1').style.display='none';
document.getElementById('ima2').style.display='none';
document.getElementById('ima3').style.display='none';
break;
case 1:
document.getElementById('ima0').style.display='none';
document.getElementById('ima1').style.display='block';
document.getElementById('ima2').style.display='none';
document.getElementById('ima3').style.display='none';
break;
case 2:
document.getElementById('ima0').style.display='none';
document.getElementById('ima1').style.display='none';
document.getElementById('ima2').style.display='block';
document.getElementById('ima3').style.display='none';
break;
case 3:
document.getElementById('ima0').style.display='none';
document.getElementById('ima1').style.display='none';
document.getElementById('ima2').style.display='none';
document.getElementById('ima3').style.display='block';
{
document.getElementById('ima0').style.display='block';
document.getElementById('ima1').style.display='none';
document.getElementById('ima2').style.display='none';
document.getElementById('ima3').style.display='none';
switch (n) {
case 0:
document.getElementById('ima0').style.display='block';
document.getElementById('ima1').style.display='none';
document.getElementById('ima2').style.display='none';
document.getElementById('ima3').style.display='none';
break;
case 1:
document.getElementById('ima0').style.display='none';
document.getElementById('ima1').style.display='block';
document.getElementById('ima2').style.display='none';
document.getElementById('ima3').style.display='none';
break;
case 2:
document.getElementById('ima0').style.display='none';
document.getElementById('ima1').style.display='none';
document.getElementById('ima2').style.display='block';
document.getElementById('ima3').style.display='none';
break;
case 3:
document.getElementById('ima0').style.display='none';
document.getElementById('ima1').style.display='none';
document.getElementById('ima2').style.display='none';
document.getElementById('ima3').style.display='block';
}
}
}
############### 본문 입니다... 좀 지저분 하니 이해좀 ;; ##############
<?
for ($i=0; $i<count($list); $i++) {
$image = urlencode($list[$i][file][0][file]);
?>
<div id="ima<?=$i?>" style="display:<?if($i==0) echo "block"; else echo "none";?>"><? echo "<img src='$g4[path]/data/file/$bo_table/$image' width='$image_width' height='$image_height' border=3 style='border-color:EFEFEF;' align=left>"?></div>
<?}?>
<table width=100% cellpadding=0 cellspacing=1 border=0 style="table-layout: fixed;">
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td width=90 rowspan=3>
<?
$image = urlencode($list[$i][file][0][file]); // 첫번째 파일이 이미지라면
if (preg_match("/\.(gif|jpg|png)$/i", $image)) {
// echo "<a href='#' click=\"show_Layer($i)\";>";
echo "<img src='$g4[path]/data/file/$bo_table/$image' onclick=\"show_Layer($i);\" width='$image_width' height='$image_height' border=3 style='border-color:EFEFEF;' align=left>"; // 이미지크기
} else
for ($i=0; $i<count($list); $i++) {
$image = urlencode($list[$i][file][0][file]);
?>
<div id="ima<?=$i?>" style="display:<?if($i==0) echo "block"; else echo "none";?>"><? echo "<img src='$g4[path]/data/file/$bo_table/$image' width='$image_width' height='$image_height' border=3 style='border-color:EFEFEF;' align=left>"?></div>
<?}?>
<table width=100% cellpadding=0 cellspacing=1 border=0 style="table-layout: fixed;">
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td width=90 rowspan=3>
<?
$image = urlencode($list[$i][file][0][file]); // 첫번째 파일이 이미지라면
if (preg_match("/\.(gif|jpg|png)$/i", $image)) {
// echo "<a href='#' click=\"show_Layer($i)\";>";
echo "<img src='$g4[path]/data/file/$bo_table/$image' onclick=\"show_Layer($i);\" width='$image_width' height='$image_height' border=3 style='border-color:EFEFEF;' align=left>"; // 이미지크기
} else
echo "<a href='#' click=\"show_Layer($i)\";>";
echo "<img src='$g4[path]/data/file/$bo_table/$image' width='$image_width' height='$image_height' border=3 style='border-color:EFEFEF;' align=left>"; ?>
</td>
echo "<img src='$g4[path]/data/file/$bo_table/$image' width='$image_width' height='$image_height' border=3 style='border-color:EFEFEF;' align=left>"; ?>
</td>
#############################################################################
latest 스킨 고쳐 보면서
메인 페이지 기능을 가져 보려고 하는데요....
리스트로 나오는 최신 글을 클릭 할때 div 로 그 윗 부분에 보여지게 하려는데...
오류도 안나고요... 그냥 다들 display:none 입니다.
무엇이 문제인지 봐주세요..
댓글 전체
해당 페이지 주소 볼 수 있을까요?
for(var i=0; i<4; i++){
if(n == i){
document.getElementById('ima'+n).style.display='block';
}else{
document.getElementById('ima'+n).style.display='none';
}
}
if(n == i){
document.getElementById('ima'+n).style.display='block';
}else{
document.getElementById('ima'+n).style.display='none';
}
}