/***************************************************************
*
* @name : rollingBanner js
* @version : 1.0
* @author : Park Soo Hyun (shpark7502@naver.com)
* 본 스크립트를 무단으로 도용시 법적 처벌을 받을 수 있습니다.
*
***************************************************************/
$(function() {
var $index = 1;
var $banner = $("#rollingBanner .rolling ul");
var $banner_count = $banner.children().length;
var $banner_size;
var $banner_pos;
var $cloneBanners = new Array();
var $timer;
var $delay = 10; // 자동 롤링 단위 (단기 : ms)
// 배너 초기화
function bannerInit() {
$banner_size = $banner.children().eq(0).width();
var $total_size = $banner_size * $banner_count;
var $wrapper_size = $("#rollingBanner").width();
var $need_count;
// 배너 갯수가 롤링배너 전체 폭보다 적을 경우 자동 복사
if($wrapper_size >= $total_size) {
for(i=0; i<=100; i++) {
if($banner_size * i > $wrapper_size) { break; }
}
if(i%$banner_count === 0) {
$need_count = Math.ceil(i/$banner_count) + 1;
} else {
$need_count = Math.ceil(i/$banner_count);
}
for(n=0; n<$need_count - 1; n++) {
for(j=0; j<$banner_count; j++) {
$cloneBanners[j] = $banner.children().eq(j).clone().wrapAll('<div />').parent().html();
$banner.append($cloneBanners[j]);
}
}
}
$banner_count = $banner.children().length;
$banner.css('width', $banner_size * $banner_count + 'px');
}
// 롤링 처리
function rolling() {
$banner_size = $banner.children().eq(0).width();
$clone = $banner.children().eq(0).clone();
$banner.css('left', -1 * $index);
$index++;
$banner_pos = -parseInt($banner.css('left').replace('px',''));
if($banner_pos >= $banner_size) {
$banner.children().eq(0).remove();
$banner.append($clone);
$banner.css('left','0');
$index = 1;
}
}
// 자동 재생
function autoPlay() {
$timer = setInterval(function() { rolling(); }, $delay);
}
// 일시 정지
function pause() {
clearInterval($timer);
}
// 마우스엔터 이벤트 (일시정지)
$("#rollingBanner").mouseenter(function() {
pause();
});
// 마우스리브 이벤트 (일시정지 해제)
$("#rollingBanner").mouseleave(function() {
autoPlay();
});
bannerInit();
autoPlay();
});