첨부된 이미지가 여러개일때 한개만 출력하려면^^;; > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

첨부된 이미지가 여러개일때 한개만 출력하려면^^;; 정보

첨부된 이미지가 여러개일때 한개만 출력하려면^^;;

본문

혼자 용쓰다 하다하다 안되는 부분이 있어서요~~
물론 php를 제대로 공부한 사람은 아니랍니다.
원하는 것은 첨부된 사진이미지가 여러장일 때 첫번째 첨부된 사진이미지를
특정한 위치에서 한개만 출력하게 하고 싶은데요~~^^;;
문법을 잘 몰라서리.....
일단,, 해당되는 view.php를 올려봅니다.
고수님들의 도움 절실히 바랍니다. 수고하셔요^^*




<?
///---------------갤러리 스킨(jQuery용) -- by 균이,  2011.09
// 필수화일
// extent /resize_image.php -- 리사이징 및 썸네일 생성
// skin 폴더/jquery-ui.min.js -- 이미지 변환 효과
///---------------------------------------------------------
$imgPath="$g4[path]/data/file/$bo_table";
$view_width=650;  $view_height=520; // 보여질 큰 이미지 가로, 세로

//$resizex=800;  $resizey=450; //원본 큰 이미지 리사이징 가로,세로(리사이징 하지않으면 주석처리)

$thumbx=170;  $thumby=140; //썸네일 가로, 세로
$thumbViewNum=8; //보여질 리스트용 썸네일 갯수

$thumb_div_width=($thumbViewNum * ($thumbx+9))."px";;
$thumbNum=$view[file][count];


?>


<script>
<!--
function change_layer1(no){
 if(no == 1){
  document.all("big").style.display = "block";
  document.all("small").style.display = "none";
 }else if(no == 2){
  document.all("1111").style.display = "none";
  document.all("2222").style.display = "block";
 }
}
//-->
</script>


<style type='text/css'>
.line10 { width:730px; height:1px; border-top:1px solid #e2e0d7; padding-top:20px; padding-left:10px;}

.write_head { padding-top:15px; padding-bottom:15px; padding-left:20px; text-align:left;  border-top:1px solid #e2e0d7; border-bottom:1px solid #e2e0d7;}
.write_head2 { padding-top:35px; padding-bottom:15px; padding-left:10px; text-align:left; }
.write_head3 { padding-top:20px; padding-bottom:15px; padding-left:10px; text-align:left; }
.write_head4 { padding-top:0px; padding-bottom:15px; padding-left:10px; text-align:left; }

.line10 { font-family:돋움; font-size:16px; font-weight:bold; text-decoration:none; color:#c3827e; }
.write_head2 { font-family:돋움; font-size:12px; text-decoration:none; color:#877a7e; line-height:23px;}
.write_head3 { font-family:돋움; font-size:12px; text-decoration:none; color:#877a7e; line-height:23px;}
.write_head4 { font-family:돋움; font-size:12px; text-decoration:none; color:#877a7e; line-height:23px;}

.style1 {
font-size: 18px;
font-weight: bold;
font-family: "돋움";
}
.style2 {font-family: Arial, Helvetica, sans-serif}
</style>


<!-- 슬라이드 레이어 (큰이미지)-->
<div style="position:relative; left:0px; top:0px; z-index:2;">
<div id="big" style="position:relative; left:0px; top:0px; z-index:1; display:none;">

<table width="730" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td></td>
<td align="center">
</td>
<td></td></td>
</tr>
<tr><td><a href="#" onclick="pre_view(1)" onMouseOver='rollover5.src="/images/leftbt_on.gif"' onMouseOut='rollover5.src="/images/leftbt.gif"'><img src="/images/leftbt.gif" name="rollover5" border="0" width="17" height="22"></a></td>

<td height="520" align="center"><div id="orgdiv"><img id="orgmg" align="center" width="650" height="520"></div></td>

<td><a href="#" onclick="pre_view(2)" onMouseOver='rollover6.src="/images/rirghtbt_on.gif"' onMouseOut='rollover6.src="/images/rirghtbt.gif"'><img src="/images/rirghtbt.gif" name="rollover6" border="0" width="17" height="22"></a></td>
</tr></table>
</div>
</div>

<!-- 끝-->

<!-- 썸네일 레이어 -->
<div width="730px" id="small" style="display:block; padding-top:20px; padding-bottom:50px">
  <table width="730" border="0" align="center" cellpadding="15" cellspacing="0" bgcolor="#CCCCCC">
    <tr>
      <td height="2" colspan="3" align="center" bgcolor="#000000"></td>
    </tr>
    <tr>
      <td colspan="3" align="center" bgcolor="#FFFFFF"><span class="style1"><span class="style2">2012</span> 지역맞춤형 일자리 창출 지원사업 인재 프로필</span></td>
    </tr>
    <tr>
      <td height="1" colspan="3" align="center" bgcolor="#666666"></td>
    </tr>
<tr>
      <td width="172" rowspan="9" align="center" bgcolor="#FFFFFF"><span style="word-break:break-all; padding:10px;">
        <?
        // 파일 출력
        for ($i=0; $i<=count($view[file]); $i++) {
            if ($view[file][$i][view])
                echo $view[file][$i][view] . "<p>";
        }


        ?>
      </span></td>
      <td width="135" bgcolor="#EAEAEA">성명</td>
      <td width="359" bgcolor="#FFFFFF"><b><?=$view[subject]?></b>      </td>
    </tr>
    <tr>
      <td height="1" colspan="2" bgcolor="#999999"></td>
    </tr>
    <tr>
      <td bgcolor="#EAEAEA">생년월일</td>
      <td bgcolor="#FFFFFF"><font color="#c3827e"><?=$view[wr_3]?></font></td>
    </tr>
    <tr>
      <td height="1" colspan="2" bgcolor="#999999"></td>
    </tr>
    <tr>
      <td bgcolor="#EAEAEA">연락처</td>
      <td bgcolor="#FFFFFF"><font color="#c3827e"><?=$view[wr_4]?></font></td>
    </tr>
    <tr>
      <td height="1" colspan="2" bgcolor="#999999"></td>
    </tr>
    <tr>
      <td bgcolor="#EAEAEA">E-mail</td>
      <td bgcolor="#FFFFFF"><font color="#c3827e"><?=$view[wr_7]?></font></td>
    </tr>
    <tr>
      <td height="1" colspan="2" bgcolor="#999999"></td>
    </tr>
    <tr>
      <td bgcolor="#EAEAEA">첨부파일</td>
      <td bgcolor="#FFFFFF"><?    // 가변 파일
$cnt = 0;
for ($i=0; $i<count($view[file]); $i++) {
    if ($view[file][$i][source] && !$view[file][$i][view]) {
        $cnt++;
        echo "&nbsp;&nbsp;<img src='{$board_skin_path}/img/icon_file.gif' align=absmiddle border='0'>";
        echo "<a href=\"javascript:file_download('{$view[file][$i][href]}', '".urlencode($view[file][$i][source])."');\" title='{$view[file][$i][content]}'>";
        echo "&nbsp;<span style=\"color:#888;\">{$view[file][$i][source]} ({$view[file][$i][size]})</span>";
        echo "&nbsp;<span style=\"color:#ff6600; font-size:11px;\">[{$view[file][$i][download]}]</span>";
        echo "&nbsp;<span style=\"color:#d3d3d3; font-size:11px;\">DATE : {$view[file][$i][datetime]}</span>";
            }
} ?></td>
    </tr>
    <tr>
      <td height="1" colspan="3" align="center" bgcolor="#666666"></td>
    </tr>
    <tr>
      <td colspan="3" bgcolor="#FFFFFF"><?=$view[content];?>
  <p></p>
<?
        // 파일 출력
        for ($i=1; $i<=count($view[file]); $i++) {
            if ($view[file][$i][view])
                echo $view[file][$i][view] . "<p>";
        }
        ?></td>
    </tr>
    <tr>
      <td colspan="3" bgcolor="#000000"></td>
    </tr>
  </table>
</div>
<!-- 끝 -->


<!-- 링크 버튼 -->
    <div style="float:right;">
    <?
    ob_start();
    ?>
    <? if ($copy_href) { echo "<a href=\"$copy_href\"><img src='$board_skin_path/img/btn_copy.gif' border='0' align='absmiddle'></a> "; } ?>
    <? if ($move_href) { echo "<a href=\"$move_href\"><img src='$board_skin_path/img/btn_move.gif' border='0' align='absmiddle'></a> "; } ?>

    <? if ($search_href) { echo "<a href=\"$search_href\"><img src='$board_skin_path/img/btn_list_search.gif' border='0' align='absmiddle'></a> "; } ?>
    <? if ($list_href) { echo "<a href=\"$list_href\"><img src='$board_skin_path/img/btn_list.gif' border='0' align='absmiddle'></a> "; } ?>
    <? if ($update_href) { echo "<a href=\"$update_href\"><img src='$board_skin_path/img/btn_modify.gif' border='0' align='absmiddle'></a> "; } ?>
    <? if ($delete_href) { echo "<a href=\"$delete_href\"><img src='$board_skin_path/img/btn_delete.gif' border='0' align='absmiddle'></a> "; } ?>
    <? if ($reply_href) { echo "<a href=\"$reply_href\"><img src='$board_skin_path/img/btn_reply.gif' border='0' align='absmiddle'></a> "; } ?>
    <? if ($write_href) { echo "<a href=\"$write_href\"><img src='$board_skin_path/img/btn_write.gif' border='0' align='absmiddle'></a> "; } ?>
    <?
    $link_buttons = ob_get_contents();
    ob_end_flush();
    ?>
    </div>



<script src="<?=$board_skin_path?>/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript" src="<?="$g4[path]/js/board.js"?>"></script>
<script type="text/javascript">
userAgent = navigator.userAgent.toLowerCase();
chrom= /chrom/.test(userAgent);

imgSize=new Array();
<? $data=''; $deli=''; $h=-1;
for($k=0; $k<$view[file][count]; $k++){ if(!$view[file][$k][view]) continue;
$data.=$deli.$view[file][$k][file]; $deli="|"; $h++;
      echo "imgSize[$h]=\"{$view[file][$k][image_width]}|{$view[file][$k][image_height]}\";";
}
?>

Skin_Path="<?=$board_skin_path?>";
viewSize=<?=$view_width?>;
viewSizeH=<?=$view_height?>;

data="<?=$data?>";
imgPath="<?=$imgPath?>";
temp=data.split("|");
var imgObj= document.getElementById('orgmg');
var current=0;
var objk;
var thumbViewNum=<?=$thumbViewNum?>;

var cNum=0;
var page= Math.ceil(temp.length/thumbViewNum)
var eek=(<?=$thumbx?>*1+9)*thumbViewNum;
var movek;
var preTD=0;

$(document).ready(function(){ if(!data) return;
preload_Image=new Array();
for(i=0; i<temp.length; i++){
preload_Image[i] = new Image();
preload_Image[i].src=imgPath+"/"+temp[i];

if(i==0){ imgObj.src=preload_Image[0].src
  orgww= imgSize[0].split('|');
  if(orgww[0]> viewSize) imgObj.width= viewSize;

}

}

 objk=document.getElementById("orgdiv");

 if(orgww[1]<parseInt(viewSizeH))  objk.style.height=orgww[1]+'px';
$('#thumTD0').css('backgroundColor','#FF0000');

});


function pop_view(obj){
 pww=screen.width; phh=screen.height-25;
 opt="width="+pww+",height="+phh;
 window.open( Skin_Path+"/image_view.html",'',opt);
}


var c_old=0;
function pre_view(vv){ if(!data) return;
  if(vv==1){ current--;    if(current<0) current=temp.length-1; }
  else{current++;  if(current>temp.length-1) current=0; }

 view_image(current);

    for(h=0; h<temp.length; h++) document.getElementById('thumTD'+h).style.backgroundColor='';

  document.getElementById('thumTD'+current).style.backgroundColor='#FF0000';
    ccp=Math.floor(current/thumbViewNum)
    if(ccp!=cNum){cNum=ccp;    cmovek=ccp*eek*-1; $("#thumDivk2").animate({left: cmovek+'px'}, 1000); }
    c_old=current;
}
var effectk=new Array( "fade","explode","explode");
var rnd;
var selectedEffect;
var Rnd=0;
var hhk;
function view_image(vv){
sizek=imgSize[vv].split('|');
current=vv;
///////////////////////////////
hhk= sizek[1]<=viewSizeH? sizek[1] : viewSizeH;
objk.style.height=hhk+'px';
objk.style.width=viewSize+"px";
    selectedEffect="fade";
    options = {}; ani_time=400;
$('#orgdiv').effect( selectedEffect, options, ani_time, callback );

}

function callback() {
imgObj.src=preload_Image[current].src;
sizek=imgSize[current].split('|');

objk.style.left='0px';

var Rd2=Math.round(Math.random()) %2;
if(Rd2 ==0 || chrom) $('#orgdiv').fadeIn("slow");
    else $('#orgdiv').slideDown("slow");

 imgObj.width= sizek[0]> viewSize? viewSize: sizek[0];
}




</script>

<script type="text/javascript">
function file_download(link, file) {
    <? if ($board[bo_download_point] < 0) { ?>if (confirm("'"+decodeURIComponent(file)+"' 파일을 다운로드 하시면 포인트가 차감(<?=number_format($board[bo_download_point])?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?"))<?}?>
    document.location.href=link;
}
</script>

<script type="text/javascript" src="<?="$g4[path]/js/board.js"?>"></script>
<script type="text/javascript">
window.onload=function() {
    resizeBoardImage(<?=(int)$board[bo_image_width]?>);
    drawFont();
}
</script>
  • 복사

댓글 전체

© SIRSOFT
현재 페이지 제일 처음으로