File name
Commit message
Commit date
17 hours ago
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 컨텐츠 끝 *************************/