[팁]커버스토리 보여줄 때는 썸네일로 클릭하면 원본으로 > 그누4 플러그인

그누4 플러그인

그누보드에는 여러가지 기능 추가가 쉽도록 제작 되었습니다.
플러그인의 저작권은 해당 플러그인 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

[팁]커버스토리 보여줄 때는 썸네일로 클릭하면 원본으로 정보

[팁]커버스토리 보여줄 때는 썸네일로 클릭하면 원본으로

본문

커버스토리는 업로드된 이미지를 그대로 보여줍니다.
큰이미지의 경우 줄여서 보여주기때문에 로딩시 영향을 줄 수 있어서 보여줄때는 썸네일로 클릭하면 원본으로 보여주고자 합니다.
단 처음 등록시에는 썸네일이 잘 생성되지 않는 경향이 있으나 두번째부터는 잘 됩니다.
클릭시 이미지 자체만 팝업되지 않고 브라우저에 이미지가 뜹니다.  거슬리면 직접 수정하여 사용해주세요.

1. cb_coverstroy.update.php 맨하단에 아래와 같이 수정

include_once "./cb_coverstory.update.file.php";
frame_url("./club_main.php?doc=$doc&cb_id=$cb_id");

2. cb_coverstory.update.file.php  파일을 만들어서 동일 폴더에 업로드합니다.

<?
include_once "./_common.php";

$image_width = "200";  //원하는 사이즈  가로폭

$data_path = "data/$cb_id";

    $sql2=" select * from $nc[tbl_coverstory] where  cs_id = '$cs_id' ";
    $results2 = sql_query($sql2);
    for ($d=0; $row2=sql_fetch_array($results2); $d++)  { 

if ($_FILES[cs_img][name][$d])
{
$file = $data_path .'/'. $row2[cs_img];
if (preg_match("/\.(jp[e]?g|gif|png)$/i", $file))
{
$size = getimagesize($file);

// 원하는 사이즈 가로폭이 변경되면 아래에서도 수정
if ($size[0] < 201)
  break;

if ($size[2] == 1)
$src = imagecreatefromgif($file);
else if ($size[2] == 2)
$src = imagecreatefromjpeg($file);
else if ($size[2] == 3)
$src = imagecreatefrompng($file);
else
break;

$rate = $image_width / $size[0];
$height = (int)($size[1] * $rate);

$cs_img_2 = $row2[cs_img].".Thum";
$dst = imagecreatetruecolor($image_width, $height);
imagecopyresampled($dst, $src, 0, 0, 0, 0, $image_width, $height, $size[0], $size[1]);
imagepng($dst, $data_path.'/'.$cs_img_2, 80);
chmod($data_path.'/'.$cs_img_2, 0606);


}
}
}

?>

3. coverstroy.form.php

<?
include_once "./_common.php";

if (!$cb[cb_id]) {
    error_msg("{$cb_id} 클럽이 존재하지 않습니다.");
}

if (!$is_manager) {
    error_msg("스텝 권한 이상만 가능합니다.");
}

$row = sql_fetch(" select * from $nc[tbl_coverstory] where cs_id = '$cs_id' ");

$g4[title] = "$cb[cb_name]:커버스토리 작성 - $nc[nf_title]";
include_once "$g4[path]/head.sub.php";
include_once "./include/cb_style.inc.php";
?>
<script language="javascript" src="<?=$g4[path]?>/js/sideview.js"></script>
<link href="./club.css" rel="stylesheet" type="text/css">
<form name="fcmcoverstory" method="post" action="./cb_coverstory.update.php" enctype="multipart/form-data">
<input type="hidden" name="doc"  value="cb_coverstory.php">
<input type="hidden" name="exec"  value="<?=$exec?>">
<input type="hidden" name="cb_id" value="<?=$cb[cb_id]?>">
<input type="hidden" name="cs_id" value="<?=$row[cs_id]?>">
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="30" colspan="2"><strong>&gt; 커버스토리 등록</strong></td>
  </tr>
  <tr>
    <td height="3" colspan="2" bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    <td width="130" bgcolor="#f7f7f7" class="gmenu">제 목 </td>
    <td class="list"><input name="cs_subject" type="text" itemname="제목" required size="70" class="input" value = "<?=$row[cs_subject]?>"></td>
  </tr>
  <tr bgcolor="#eeeeee">
    <td height="1" colspan="2"></td>
  </tr>
  <tr>
    <td width="130" bgcolor="#f7f7f7" class="gmenu">내 용</td>
    <td class="list"><textarea name="cs_content" class="input" itemname="내용" required cols="80" rows="8"><?=$row[cs_content]?></textarea></td>
  </tr>
  <tr bgcolor="#eeeeee">
    <td height="1" colspan="2"></td>
  </tr>
  <tr>
    <td width="130" bgcolor="#f7f7f7" class="gmenu">이미지</td>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top" class="list">
            <input name="cs_img[]" type="file" size="55" onChange="image_view(this.value);"><br>
           
          </td>
        </tr>
<? if ($exec == "edit") { ?>
        <tr>
          <td valign="top" class="list"><? if ($row[cs_img_src]) { ?><input name="tmp_cs_img[]" type="hidden" value = "<?=$row[tmp_cs_img]?>"><? } ?></td>
        </tr>
        <tr>
          <td class="list"><img src="<?=$cv_img?>" width="200" height="150" id="view1" style="display:none;"></td>
        </tr>
        <tr>
          <td class="list">등록된 이미지 : <?=$row[cs_img_src]?><br><img src="./data/<?=$cb_id?>/<?=$row[cs_img]?>.Thum" width="200" height="150"></td>
        </tr>
<?} else { ?>
        <tr>
          <td valign="top" class="list"><? if ($row[cs_img_src]) { ?><?=$row[cs_img_src]?><input name="tmp_cs_img[]" type="hidden" value = "<?=$row[tmp_cs_img]?>"><? } ?></td>
        </tr>
        <tr>
          <td class="list"><img src="<?=$cv_img?>" width="200" height="150" id="view1" style="display:none;"></td>
        </tr>
<?}?>
      </table></td>
  </tr>
  <tr bgcolor="#CCCCCC">
    <td height="2" colspan="2"></td>
  </tr>
  <tr align="right">
    <td colspan="3" style="padding:5px 10px 5px 10px;"><input name="imageField" type="image" src="./images/btn_ok_1.gif" width="41" height="21" border="0"></td>
  </tr>
</table>
</form>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<script language="JavaScript" type="text/JavaScript">
    function image_view(va) {
document.getElementById("view1").setAttribute('src',va);
document.getElementById("view1").style.display = "";
}
</script>
<?
include "$g4[path]/tail.sub.php";
?>
추천
0
  • 복사

댓글 전체

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