이미지 테두리 넣을려고 하는데 어떻게 넣나요?? > 그누4 질문답변

그누4 질문답변

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

이미지 테두리 넣을려고 하는데 어떻게 넣나요?? 정보

이미지 테두리 넣을려고 하는데 어떻게 넣나요??

본문

최신글 이미지에 회색으로 테두리 넣고 싶은데 어느부분을 수정해야 되나요?

<?
if (!defined("_GNUBOARD_")) exit; // °³º° ÆäÀÌÁö Á¢±Ù ºÒ°¡
include_once("$latest_skin_path/skin.lib.php");

$img_width = 75; // À̹ÌÁö °¡·Î »çÀÌÁî
$img_height = 49; // À̹ÌÁö ¼¼·Î »çÀÌÁî

$frame_width = 249; // °¡·Î±æÀÌ

$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/latest_thumb';

@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);
?>

<!--ÃֽűÛ, À̹ÌÁö, ³»¿ë ½ÃÀÛ-->
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery.imageScroller.js"></script>

<style type="text/css">
body {}
img {border:0}
a {text-decoration:none}

/*½ºÅ©·Ñ·¯ ½ºÅ¸ÀÏ*/

div#scroller {background-color:#ffffff; position:relative;height:120px; width:<?=$frame_width?>; padding:0 3px;margin:0;clear:both;overflow:hidden;border:1px #ddd solid}

/*Á¿ì¹öư*/
div.button {height:30px;}
#btn3, #btn4 {cursor:pointer}

ul#scrollerFrame1 {width:1000px; padding:0;margin:0;list-style:none;}
ul#scrollerFrame1 li {position:relative;float:left; margin:0 0 0 5px;width:70px;height:140px;}

/*°¡°Ý ¹× ¼³¸í ºÎºÐ*/
ul#scrollerFrame1 li p {margin:0;padding:0}
ul#scrollerFrame1 li p.price{font-family:verdana;font-size:12px;font-weight:bold;margin-top:7px;text-align:center;color:#0a62cf}
ul#scrollerFrame1 li p.comment{font-family:µ¸¿ò;font-size:11px;letter-spacing:-1px;margin-top:4px;padding:0 5px;text-align:center;color:#f8f8f8;line-height:130%}

/*ºÙ¹ÚÀÌ ¾ÆÀÌÄÜ ¼³Á¤*/
.price {font-family:µ¸¿ò;font-size:12px;font-weight:bold;padding-top:7px;text-align:center;color:#0a62cf}
</style>         

             
<script type="text/javascript">

$(function(){
   
$("#scroller").imageScroller({
next:"btn3",                  //´ÙÀ½ ¹öư ID°ª
prev:"btn4",                  //ÀÌÀü ¹öư ID°ª
frame:"scrollerFrame1",        //½ºÅ©·Ñ·¯ ÇÁ·¹ÀÓ ID°ª 
width:75,                    //À̹ÌÁö °¡·Î Å©±â
child:"li",                    //½ºÅ©·Ñ ÁöÁ¤ ű×
auto:false                      //¿ÀÅä ·Ñ¸µ (ÇØÁ¦´Â false)
});
});
</script>

<div id="scroller">
<div class="button">
<span style="float:left;margin:5px 0 0 0;font-family:verdana;font-size:16px;font-weight:bold;color:#0a62cf;">SLIDE</span>
<span id="btn4" style="float:right;margin:5px 0 0 0;"><img src="<?=$latest_skin_path?>/img/right.png"></span>
<span id="btn3" style="float:right;margin:5px 0px 0 0;"><img src="<?=$latest_skin_path?>/img/left.png"></span>
</div>

<ul id="scrollerFrame1">
        <? for ($i=0; $i<count($list); $i++) { ?>
<li>
<?
if($list[$i][file][0][view]){
$src = $list[$i][file][0][path]."/".$list[$i][file][0][file];
$get_img = getimagesize($src); // ÆÄÀÏÁ¤º¸¸¦ °¡Á®¿È
// °ü¸®ÀÚ°¡ À̹ÌÁö »çÀÌÁ ¹Ù²Ù¾úÀ»¶§¸¦ ´ëºñÇÏ¿© ¸®»çÀÌ¡ Å©±â¸¦ À̸§¿¡ Æ÷ÇÔ°ú À̹ÌÁö Àç ÷ºÎ½Ã ¹Ù²ñ
$img_step1 = explode("_",$list[$i][file][0][file]);
$img_step2 = explode(".",$img_step1[1]);
$new_imgname = $img_step2[0];
$thumb_file_list = "{$thumb_path}/{$re_img_width}x{$re_img_height}_{$new_imgname}_{$list[$i][wr_id]}_list";
if(!file_exists($thumb_file_list)){
// gd lib üũ
$gd = gd_info();
$gdversion = substr(preg_replace("/[^0-9]/", "", $gd['GD Version']), 0, 2); // gd ¹öÀüÀÌ 2.0 ÀÌ»óÀÎÁö üũ
if(!$gdversion){
$thumb_file_view = $src; // gd 2.0 ÀÌÇÏ¸é °­Á¦ÀûÀ¸·Î ÁÙÀÓ
}else{
if($img_width > $get_img[0] || $img_height > $get_img[1]){
$thumb_file_list = $src;
}else{
createThumb_list($img_width,$img_height,$src, $thumb_file_list, $get_img); // list ÆäÀÌÁö ½æ³×ÀÏ
}
}
}
                                                echo '<div align="center">';

$img = "<a href='{$list[$i]['href']}'><img src=\"$thumb_file_list\" border=\"0\" width=\"$img_width\" height=\"$img_height\"/><br/><span class='price'>{$list[$i]['subject']}</span></a>";
}else{
// no À̹ÌÁö¸¦ ºñÀ²ÀûÀ¸·Î ¸¸µé¾î³µÀ½
$img = "<a class=price' href='{$list[$i]['href']}'><img src=\"$latest_skin_path/img/no_image.gif\" border=\"0\" height=\"{$img_height}\" width=\"{$img_width}\"/><BR><span style=\"font-size:9pt;\"><font face=\"µ¸¿ò\" color=\"#333333\">{$list[$i]['subject']}</span>*/</a>";
}
echo $img;
                                                echo '</div>';
?>
</li>

<? } ?>
</ul>
</div>
  • 복사

댓글 전체

현재 소스는 이미지첨부가 없을경우 레이아웃이 깨집니다.
아래처럼 수정하세요.

echo '<div align="center">';

$img = "<a href='{$list[$i]['href']}'><img src=\"$thumb_file_list\" border=\"0\" width=\"$img_width\" height=\"$img_height\"/><br/><span class='price'>{$list[$i]['subject']}</span></a>";
}else{
// no À̹ÌÁö¸¦ ºñÀ²ÀûÀ¸·Î ¸¸µé¾î³µÀ½
$img = "<a class=price' href='{$list[$i]['href']}'><img src=\"$latest_skin_path/img/no_image.gif\" border=\"0\" height=\"{$img_height}\" width=\"{$img_width}\"/><BR><span style=\"font-size:9pt;\"><font face=\"µ¸¿ò\" color=\"#333333\">{$list[$i]['subject']}</span>*/</a>";
}
echo $img;
                                                echo '</div>';


------------ 아래처럼 변경 ----------------------------------------



$img = "<a href='{$list[$i]['href']}'><img src=\"$thumb_file_list\" border=\"0\" width=\"$img_width\" height=\"$img_height\"/><br/><span class='price'>{$list[$i]['subject']}</span></a>";
}else{
// no À̹ÌÁö¸¦ ºñÀ²ÀûÀ¸·Î ¸¸µé¾î³µÀ½
$img = "<a class=price' href='{$list[$i]['href']}'><img src=\"$latest_skin_path/img/no_image.gif\" border=\"0\" height=\"{$img_height}\" width=\"{$img_width}\"/><BR><span style=\"font-size:9pt;\"><font face=\"µ¸¿ò\" color=\"#333333\">{$list[$i]['subject']}</span>*/</a>";
}
echo '<div align="center" style="border:1px solid #dddddd;">';
echo $img;
echo '</div>';
© SIRSOFT
현재 페이지 제일 처음으로