File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
/****롤링 배너 시작 *************************/
function my_banner(){
if(count_num == bn_num){
bn_px = 0;
count_num = 0;
}
if ($(rollObj+">ul:animated").size()) return false;
var width = bn_li.eq(count_num).width();
var pos = (parseInt(bn_ul.attr("top"))+1);
// var mar = pos * defaultMar;
bn_px += width+defaultMar;
bn_ul.attr("top", pos);
bn_ul.animate({
left: ((bn_px * -1) + "px")
}, 500
,function() {
var pos = parseInt($(rollObj+">ul").attr("top"));
var total = parseInt($(rollObj+">ul").attr("total"));
if (pos>=total) {
$(rollObj+">ul").attr("top", 0);
$(rollObj+">ul").css("left", "0px");
}
}
);
count_num++;
}
function bn_left(){
bn_stop();
my_banner();
}
function bn_right(){
bn_stop();
if ($(rollObj+">ul:animated").size()) return false;
var width = bn_li.eq(count_num-1).width();
var pos = (parseInt(bn_ul.attr("top"))+1)-2;
if(pos>=0) {
bn_px -= width+defaultMar;
count_num--;
bn_ul.attr("top", pos);
bn_ul.animate({
left: ((bn_px * -1) + "px")
}, 500
,function() {
var pos = parseInt(bn_ul.attr("top"));
var total = parseInt(bn_ul.attr("total"));
if (pos>=total) {
bn_ul.attr("top", 0);
bn_ul.css("left", "0px");
}
}
);
}else{
alert("첫번째 배너입니다");
}
}
function bn_stop(){
clearInterval(bn_ul.attr("timer"));
}
function bn_move(){
bn_stop();
bn_ul.attr("timer", setInterval(my_banner, 3000));
}
var count_num =0;
var bn_px=0;
var bn_num;
var bn_ul;
var flag = true;
var bannerWrap = "#main_banner" //전체 div
var rollObj = "#bannerList"; //롤링할 객체명 지정
function bn_start(){
defaultMar = 10;//배너끼리 여백 입력
bn_ul=$(rollObj+">ul");
bn_li=$(rollObj+">ul>li");
bn_ul.attr("top", "0");
bn_ul.css({"width":"10000px","position":"absolute"});
bt_left=$(bannerWrap).find(".left");
bt_move=$(bannerWrap).find(".move");
bt_stop=$(bannerWrap).find(".stop");
bt_right=$(bannerWrap).find(".right");
bt_goStop = $(bannerWrap).find(".goStop"); //move, stop 버튼을 한개로 사용하는 경우
bn_num = bn_li.length;
bn_ul.attr("total", bn_li.size());
bn_li.each(function (){
$(this).clone().appendTo($(bn_ul));
});
bn_ul.hover(function(){
bn_stop();
},function(){
if(flag){
bn_stop();
bn_move();
}
});
bt_left.click(function(){
bn_left();
});
bt_move.click(function(){
bn_move();
flag = true;
});
bt_stop.click(function(){
bn_stop();
flag = false;
});
bt_goStop.click(function(){
if(flag) {
bn_stop();
flag = false;
}
else{
bn_move();
flag = true;
}
});
bt_right.click(function(){
bn_right();
});
bn_move();
}
/****롤링 배너 끝 *************************/
/****FADE 컨텐츠 시작 *************************/
function animeList(objId, idx){
var param = $("#"+objId);
var li = param.find("ul>li");
var sum = li.length-1;
var elem = idx;
var movement;
var flag = true;
var bt_left=param.find(".left");
var bt_right=param.find(".right");
var bt_goStop = param.find(".goStop");
// setup
li.hide();
li.eq(idx).show();
// action
function viewControll(){
li.hide();
li.eq(elem).show();
centerImage(param,li.eq(elem));
//li.fadeOut(1000);
//li.eq(elem).fadeIn(1000);
}
function autoStart(){
if(objId == "main_zone"){
clearInterval(movement);
flag = false;
}else{
movement = setInterval(function(){
if(elem == sum)
elem = 0;
else
elem++;
viewControll();
}, 5000);
}
//},3000);
}
bt_left.click(function(){
clearInterval(movement);
if(elem == 0)
elem = sum;
else
elem--;
viewControll();
autoStart();
});
bt_right.click(function(){
clearInterval(movement);
if(elem == sum)
elem = 0;
else
elem++;
viewControll();
autoStart();
});
bt_goStop.click(function(){
if(flag) {
clearInterval(movement);
flag = false;
}
else{
viewControll();
autoStart();
flag = true;
}
});
autoStart();
}
/****FADE 컨텐츠 끝 *************************/