롤링이 되는 최근 게시물인대. 마우스오버했을때 롤링이 안되게 정보
롤링이 되는 최근 게시물인대. 마우스오버했을때 롤링이 안되게본문
안녕하세요
최신글인대요...이미지가 롤링이 되는 최신글입니다. 그런대 마우스를 올렸을때 ..
롤링이 멈추지 않고.. 계속 롤링이 되내요.. ㅠ.ㅜ 혹시 마우스를 올리면 롤링이 안되고
멈추어져 있을수 있게 하는 방법이 있을가요???
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$img_width = '311'; //썸네일 가로길이
$img_height = '225'; //썸네일 세로길이
$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: 311, //이미지 가로 크기
front_img_height: 225, //이미지 세로 크기
behind_opac: 0.5, //두번째 사이드 이미지 불투명도
back_opac: 0.5, //맨 뒷쪽 이미지 불투명도
behind_size: 0.5, //두번째 사이드 이미지 축소 정도
back_size: 0.5, //맨 뒷쪽 이미지 축소 정도
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);
@chmod($thumb_path.'/'.$list[$i][wr_id], 0606);
} 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= '#'><img src='$thumb' width='$img_width' height='$img_height' title=\"{$list[$i][subject]}\" /><span><b>{$list[$i][subject]}</b></span><br></a></li>";
}
echo $img;
} ?>
</ul>
<!-- 하단 버튼-->
<div id="a123456">
<img src="<?php echo $latest_skin_path?>/img/prev.png" onclick="rolling_ext_prev()" style="cursor:pointer;" /> </div>
<div id="a456789">
<img src="<?php echo $latest_skin_path?>/img/next.png" onclick="rolling_ext_next()" style="cursor:pointer;" /> </div>
</div>
최신글인대요...이미지가 롤링이 되는 최신글입니다. 그런대 마우스를 올렸을때 ..
롤링이 멈추지 않고.. 계속 롤링이 되내요.. ㅠ.ㅜ 혹시 마우스를 올리면 롤링이 안되고
멈추어져 있을수 있게 하는 방법이 있을가요???
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$img_width = '311'; //썸네일 가로길이
$img_height = '225'; //썸네일 세로길이
$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: 311, //이미지 가로 크기
front_img_height: 225, //이미지 세로 크기
behind_opac: 0.5, //두번째 사이드 이미지 불투명도
back_opac: 0.5, //맨 뒷쪽 이미지 불투명도
behind_size: 0.5, //두번째 사이드 이미지 축소 정도
back_size: 0.5, //맨 뒷쪽 이미지 축소 정도
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);
@chmod($thumb_path.'/'.$list[$i][wr_id], 0606);
} 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= '#'><img src='$thumb' width='$img_width' height='$img_height' title=\"{$list[$i][subject]}\" /><span><b>{$list[$i][subject]}</b></span><br></a></li>";
}
echo $img;
} ?>
</ul>
<!-- 하단 버튼-->
<div id="a123456">
<img src="<?php echo $latest_skin_path?>/img/prev.png" onclick="rolling_ext_prev()" style="cursor:pointer;" /> </div>
<div id="a456789">
<img src="<?php echo $latest_skin_path?>/img/next.png" onclick="rolling_ext_next()" style="cursor:pointer;" /> </div>
</div>
댓글 전체
위 소스에서 할 수 있는 사항이 아닙니다
jquery.rolling.demo.js 에서 수정해야할 것으로 보입니다
jquery.rolling.demo.js 에서 수정해야할 것으로 보입니다