안녕하세요
최신글인대요...이미지가 롤링이 되는 최신글입니다. 그런대 마우스를 올렸을때 ..
롤링이 멈추지 않고.. 계속 롤링이 되내요.. ㅠ.ㅜ 혹시 마우스를 올리면 롤링이 안되고
멈추어져 있을수 있게 하는 방법이 있을가요???


<?
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>