롤링이 되는 최근 게시물인대. 마우스오버했을때 롤링이 안되게 > 그누4 질문답변

그누4 질문답변

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

롤링이 되는 최근 게시물인대. 마우스오버했을때 롤링이 안되게 정보

롤링이 되는 최근 게시물인대. 마우스오버했을때 롤링이 안되게

본문

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


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

댓글 전체

전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT