롤링메뉴 하단.. 정보
롤링메뉴 하단..관련링크
http://evergio.com/intro.php
109회 연결
본문
어느부분을 없애야 저 하얀 부분이 없어질까요?
사진크기와 똑같이 볼더값을 주는데 사진 아래 하얀색...공백이 생겨서요.
아무리없애도 계속보이네요
최신글 스킨부분
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$img_width = '255'; //썸네일 가로길이
$img_height = '255'; //썸네일 세로길이
$img_quality = '99'; //퀼리티 100이하로 설정
if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");
$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb_rolling'; //썸네일 이미지 생성 디렉토리
@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);
?>
<script type="text/javascript" src="<?php echo $latest_skin_path?>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src='<?php echo $latest_skin_path?>/js/jquery.easing.1.3.js'></script>
<script type="text/javascript" src="<?php echo $latest_skin_path?>/js/jquery.rolling.demo.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $latest_skin_path?>/css/rolling.css" />
<script type="text/javascript">
$(document).ready(function(){
$('#rolling').boutique({
starter: 1, //시작이미지설정 (1=첫번째 이미지)
speed: 800, //회전 빠르기 (숫자가 작을수록 빨라집니다.)
container_width: 1000, //#rolling 콘테이터 가로 크기(박스크기에 따라 유동적으로 좌우 이미지가 보였다 안보였다 합니다.)
front_img_width: 490, //이미지 가로 크기
front_img_height: 260, //이미지 세로 크기
behind_opac: 0.7, //두번째 사이드 이미지 불투명도
back_opac: 0.5, //맨 뒷쪽 이미지 불투명도
behind_size: 0.8, //두번째 사이드 이미지 축소 정도
back_size: 0.6, //맨 뒷쪽 이미지 축소 정도
autoplay: true, //자동재생
autointerval: 2000, //자동재생 대기 시간
freescroll: true,
/*애니메이션 효과 설정(자세한 효과 방법은 http://gsgd.co.uk/sandbox/jquery/easing/ example을 참고하세요. */
easing: 'easeOutQuart',
move_twice_easein: 'easeInQuart',
move_twice_easeout: 'easeOutQuart',
text_front_only: true //텍스트를 돌출된 이미지에만 나타나게(true) false로 설정하면 뒷쪽 이미지에도 다 나타납니다.
});
});
</script>
<div id="content">
<!-- 이미지 및 코멘트 설정-->
<ul id="rolling">
<? for ($i=0; $i<count($list); $i++) {
$img = "<img src='$latest_skin_path/img/noimage.gif' width='$img_width' height='$img_height' title='이미지 없음' />";
$thumb = $thumb_path.'/'.$list[$i][wr_id];
if (!file_exists($thumb)) {
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
// 업로드된 파일이 이미지라면
if (preg_match("/\.(jp[e]?g|gif|png)$/i", $file) && file_exists($file)) {
$size = getimagesize($file);
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 = $img_width / $size[0];
$get_width = $img_width;
$get_height = (int)($size[1] * $rate);
$temp_h = (int)($img_height / $img_width * $size[0]);
$src_y = (int)(($size[1] - $temp_h) / 2);
if ($get_height < $img_height) {
$rate = $img_height / $size[1];
$get_height = $img_height;
$get_width = (int)($size[0] * $rate);
$src_y = 0;
$temp_w = (int)($img_width / $img_height * $size[1]);
$src_x = (int)(($size[0] - $temp_w) / 2);
}
$dst = @imagecreatetruecolor($img_width, $img_height);
$white = @imagecolorallocate($dst, 255, 255, 255);
@imagefilledrectangle($dst, 0, 0, $img_width, $img_height, $white);
@imagecopyresampled($dst, $src, 0, 0, $src_x, $src_y, $get_width, $get_height, $size[0], $size[1]);
@imagejpeg($dst, $thumb_path.'/'.$list[$i][wr_id], $img_quality);
} else {
$edit_img = $list[$i]['wr_content'];
if (preg_match("/data\/cheditor4[^<>]*\.(gif|jp[e]?g|png|bmp)/i", $edit_img, $tmp)) { // data/cheditor4------
$file = './' . $tmp[0]; // 파일명
$size = getimagesize($file);
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 = $img_width / $size[0];
$get_width = $img_width;
$get_height = (int)($size[1] * $rate);
$temp_h = (int)($img_height / $img_width * $size[0]);
$src_y = (int)(($size[1] - $temp_h) / 2);
if ($get_height < $img_height) {
$rate = $img_height / $size[1];
$get_height = $img_height;
$get_width = (int)($size[0] * $rate);
$src_y = 0;
$temp_w = (int)($img_width / $img_height * $size[1]);
$src_x = (int)(($size[0] - $temp_w) / 2);
}
$dst = @imagecreatetruecolor($img_width, $img_height);
$white = @imagecolorallocate($dst, 255, 255, 255);
@imagefilledrectangle($dst, 0, 0, $img_width, $img_height, $white);
@imagecopyresampled($dst, $src, 0, 0, $src_x, $src_y, $get_width, $get_height, $size[0], $size[1]);
@imagejpeg($dst, $thumb_path.'/'.$list[$i][wr_id], $img_quality);
@chmod($thumb_path.'/'.$list[$i][wr_id], 0606);
}
}
}
if (file_exists($thumb)){
$img = "<li><a href='main.php'><img src='$thumb' width='$img_width' height='$img_height' title=\"{$list[$i][subject]}\"/></a></li>";
}
echo $img;
} ?>
</ul>
<!-- 하단 버튼-->
</div>
--------------css 부분-------------------------------------
/*롤링 바깥 영역*/
/* #content {background:url(../img/bg.gif);text-align:center;padding:20px;} //배경 이미지 사용 */
#content {text-align:center;padding:0px;}
/*롤링 영역*/
#rolling {margin:0 auto;padding:0;position:relative;z-index:1}
/*롤링 각 객체*/
#rolling li {margin:0;padding:0;list-style:none;position:absolute;z-index:1;display:none;border:4px #fff solid;background-color:#FFF ;filter:alpha(opacity=70)}
#rolling img{margin:auto;cursor:pointer;border:1px #000 solid;}
/*대제목 텍스트*/
#rolling h6{margin:0 0 5px;}
/*소제목 텍스트*/
#rolling span{font-family:돋움;padding:10px;margin:0;color:#fff;background:#000;z-index:100;}
/*맨 앞 돌출 이미지(front)*/
#rolling .front{margin-top:0}
#rolling .front img{margin:0px}
/*대제목 텍스트*/
#rolling .front h6{color:#ff6000;z-index:100;font-family:돋움;font-size:15px;font-weight:bold}
/*소제목 텍스트*/
#rolling .front span{font-size:12px}
/*두번째 사이드 이미지(behind)*/
#rolling .behind{margin-top:25px}
#rolling .behind img{margin:0px}
#rolling .behind span{font-size:12px}
/*맨 뒷쪽 이미지(back)*/
#rolling .back{margin-top:55px}
#rolling .back h6{font-size:12px}
#rolling .back span{font-size:7px}
#rolling img {border:0;}
#rolling span {display:block;position:absolute;left:0;right:0;bottom:0;text-align:left;cursor:pointer;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}
#rolling h6 {cursor:pointer}
#rolling a {cursor:pointer;text-decoration:none}
#controlbtn {margin-top:20px;}
사진크기와 똑같이 볼더값을 주는데 사진 아래 하얀색...공백이 생겨서요.
아무리없애도 계속보이네요
최신글 스킨부분
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$img_width = '255'; //썸네일 가로길이
$img_height = '255'; //썸네일 세로길이
$img_quality = '99'; //퀼리티 100이하로 설정
if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");
$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb_rolling'; //썸네일 이미지 생성 디렉토리
@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);
?>
<script type="text/javascript" src="<?php echo $latest_skin_path?>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src='<?php echo $latest_skin_path?>/js/jquery.easing.1.3.js'></script>
<script type="text/javascript" src="<?php echo $latest_skin_path?>/js/jquery.rolling.demo.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $latest_skin_path?>/css/rolling.css" />
<script type="text/javascript">
$(document).ready(function(){
$('#rolling').boutique({
starter: 1, //시작이미지설정 (1=첫번째 이미지)
speed: 800, //회전 빠르기 (숫자가 작을수록 빨라집니다.)
container_width: 1000, //#rolling 콘테이터 가로 크기(박스크기에 따라 유동적으로 좌우 이미지가 보였다 안보였다 합니다.)
front_img_width: 490, //이미지 가로 크기
front_img_height: 260, //이미지 세로 크기
behind_opac: 0.7, //두번째 사이드 이미지 불투명도
back_opac: 0.5, //맨 뒷쪽 이미지 불투명도
behind_size: 0.8, //두번째 사이드 이미지 축소 정도
back_size: 0.6, //맨 뒷쪽 이미지 축소 정도
autoplay: true, //자동재생
autointerval: 2000, //자동재생 대기 시간
freescroll: true,
/*애니메이션 효과 설정(자세한 효과 방법은 http://gsgd.co.uk/sandbox/jquery/easing/ example을 참고하세요. */
easing: 'easeOutQuart',
move_twice_easein: 'easeInQuart',
move_twice_easeout: 'easeOutQuart',
text_front_only: true //텍스트를 돌출된 이미지에만 나타나게(true) false로 설정하면 뒷쪽 이미지에도 다 나타납니다.
});
});
</script>
<div id="content">
<!-- 이미지 및 코멘트 설정-->
<ul id="rolling">
<? for ($i=0; $i<count($list); $i++) {
$img = "<img src='$latest_skin_path/img/noimage.gif' width='$img_width' height='$img_height' title='이미지 없음' />";
$thumb = $thumb_path.'/'.$list[$i][wr_id];
if (!file_exists($thumb)) {
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
// 업로드된 파일이 이미지라면
if (preg_match("/\.(jp[e]?g|gif|png)$/i", $file) && file_exists($file)) {
$size = getimagesize($file);
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 = $img_width / $size[0];
$get_width = $img_width;
$get_height = (int)($size[1] * $rate);
$temp_h = (int)($img_height / $img_width * $size[0]);
$src_y = (int)(($size[1] - $temp_h) / 2);
if ($get_height < $img_height) {
$rate = $img_height / $size[1];
$get_height = $img_height;
$get_width = (int)($size[0] * $rate);
$src_y = 0;
$temp_w = (int)($img_width / $img_height * $size[1]);
$src_x = (int)(($size[0] - $temp_w) / 2);
}
$dst = @imagecreatetruecolor($img_width, $img_height);
$white = @imagecolorallocate($dst, 255, 255, 255);
@imagefilledrectangle($dst, 0, 0, $img_width, $img_height, $white);
@imagecopyresampled($dst, $src, 0, 0, $src_x, $src_y, $get_width, $get_height, $size[0], $size[1]);
@imagejpeg($dst, $thumb_path.'/'.$list[$i][wr_id], $img_quality);
} else {
$edit_img = $list[$i]['wr_content'];
if (preg_match("/data\/cheditor4[^<>]*\.(gif|jp[e]?g|png|bmp)/i", $edit_img, $tmp)) { // data/cheditor4------
$file = './' . $tmp[0]; // 파일명
$size = getimagesize($file);
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 = $img_width / $size[0];
$get_width = $img_width;
$get_height = (int)($size[1] * $rate);
$temp_h = (int)($img_height / $img_width * $size[0]);
$src_y = (int)(($size[1] - $temp_h) / 2);
if ($get_height < $img_height) {
$rate = $img_height / $size[1];
$get_height = $img_height;
$get_width = (int)($size[0] * $rate);
$src_y = 0;
$temp_w = (int)($img_width / $img_height * $size[1]);
$src_x = (int)(($size[0] - $temp_w) / 2);
}
$dst = @imagecreatetruecolor($img_width, $img_height);
$white = @imagecolorallocate($dst, 255, 255, 255);
@imagefilledrectangle($dst, 0, 0, $img_width, $img_height, $white);
@imagecopyresampled($dst, $src, 0, 0, $src_x, $src_y, $get_width, $get_height, $size[0], $size[1]);
@imagejpeg($dst, $thumb_path.'/'.$list[$i][wr_id], $img_quality);
@chmod($thumb_path.'/'.$list[$i][wr_id], 0606);
}
}
}
if (file_exists($thumb)){
$img = "<li><a href='main.php'><img src='$thumb' width='$img_width' height='$img_height' title=\"{$list[$i][subject]}\"/></a></li>";
}
echo $img;
} ?>
</ul>
<!-- 하단 버튼-->
</div>
--------------css 부분-------------------------------------
/*롤링 바깥 영역*/
/* #content {background:url(../img/bg.gif);text-align:center;padding:20px;} //배경 이미지 사용 */
#content {text-align:center;padding:0px;}
/*롤링 영역*/
#rolling {margin:0 auto;padding:0;position:relative;z-index:1}
/*롤링 각 객체*/
#rolling li {margin:0;padding:0;list-style:none;position:absolute;z-index:1;display:none;border:4px #fff solid;background-color:#FFF ;filter:alpha(opacity=70)}
#rolling img{margin:auto;cursor:pointer;border:1px #000 solid;}
/*대제목 텍스트*/
#rolling h6{margin:0 0 5px;}
/*소제목 텍스트*/
#rolling span{font-family:돋움;padding:10px;margin:0;color:#fff;background:#000;z-index:100;}
/*맨 앞 돌출 이미지(front)*/
#rolling .front{margin-top:0}
#rolling .front img{margin:0px}
/*대제목 텍스트*/
#rolling .front h6{color:#ff6000;z-index:100;font-family:돋움;font-size:15px;font-weight:bold}
/*소제목 텍스트*/
#rolling .front span{font-size:12px}
/*두번째 사이드 이미지(behind)*/
#rolling .behind{margin-top:25px}
#rolling .behind img{margin:0px}
#rolling .behind span{font-size:12px}
/*맨 뒷쪽 이미지(back)*/
#rolling .back{margin-top:55px}
#rolling .back h6{font-size:12px}
#rolling .back span{font-size:7px}
#rolling img {border:0;}
#rolling span {display:block;position:absolute;left:0;right:0;bottom:0;text-align:left;cursor:pointer;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}
#rolling h6 {cursor:pointer}
#rolling a {cursor:pointer;text-decoration:none}
#controlbtn {margin-top:20px;}
